*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f7fa;--color-surface:#fff;--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-text:#202124;--color-text-secondary:#5f6368;--color-border:#dadce0;--color-success:#34a853;--color-warning:#fbbc04;--color-error:#ea4335;--color-pending:#ff9800;--color-approved:#34a853;--color-unmarked:#9e9e9e;--radius:8px;--shadow:0 1px 3px #0000001f, 0 1px 2px #00000014}body{background:var(--color-bg);color:var(--color-text);font-family:Google Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.app-header h1{font-size:18px;font-weight:500}.app-header .user-info{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.user-info img{border-radius:50%;width:32px;height:32px}.container{max-width:1800px;margin:0 auto;padding:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.stat-card .stat-value{color:var(--color-primary);font-size:32px;font-weight:600}.stat-card .stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:13px}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h2{font-size:16px;font-weight:500}.card-body{padding:0}.filters{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.filters input,.filters select{border:1px solid var(--color-border);border-radius:4px;outline:none;padding:8px 12px;font-size:14px}.filters input:focus,.filters select:focus{border-color:var(--color-primary)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;padding:10px 12px;font-weight:500;position:sticky;top:0}.data-table th:hover{background:#e8eaed}.data-table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f3f4;max-width:250px;padding:8px 12px;overflow:hidden}.data-table tr:hover{background:#f8f9fa}.data-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.badge{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge--approved{color:#137333;background:#e6f4ea}.badge--pending{color:#b06000;background:#fef7e0}.badge--unmarked{color:#5f6368;background:#f1f3f4}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#2d8f47}.btn--outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn--outline:hover:not(:disabled){background:#f1f3f4}.btn--link{color:var(--color-primary);background:0 0;padding:4px;text-decoration:underline}.bulk-actions{background:#e8f0fe;border-bottom:1px solid #c6dafc;align-items:center;gap:12px;padding:12px 20px;display:flex}.bulk-actions .selected-count{color:var(--color-primary);font-size:14px;font-weight:500}.pagination{justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.login-page{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px}.login-box h1{margin-bottom:8px}.login-box p{color:var(--color-text-secondary);margin-bottom:24px}.loading{color:var(--color-text-secondary);justify-content:center;align-items:center;padding:48px;display:flex}.role-tag{border-radius:4px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.role-tag--owner{color:var(--color-primary);background:#e8f0fe}.role-tag--approver{color:#137333;background:#e6f4ea}.role-tag--viewer{color:#5f6368;background:#f1f3f4}.role-tag--admin{color:#c5221f;background:#fce8e6}.tabs{border-bottom:1px solid var(--color-border);padding:0 20px;display:flex}.tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--color-primary)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.progress-bar{background:#e8eaed;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar__fill{background:var(--color-success);border-radius:3px;height:100%;transition:width .3s}.toast{color:#fff;border-radius:var(--radius);z-index:1000;background:#323232;padding:12px 24px;font-size:14px;animation:.3s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}