*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fb;margin:0;padding:0;font-family:Inter,Arial,sans-serif}#root{min-height:100vh}.container{max-width:1600px;margin:auto;padding:30px}h1{margin:0 0 8px}.subtitle{color:#6b7280;margin-bottom:28px}.filter-active-pill{color:#1d4ed8;font-weight:600}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.user-pill{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 14px;font-size:13px}.logout-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 16px;font-size:14px}.logout-btn:hover{background:#f9fafb}.refresh-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.refresh-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:11px 18px;font-size:14px}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-progress{color:#6b7280;font-size:13px}.refresh-done{color:#047857;font-size:13px}.refresh-error{color:#b91c1c;font-size:13px}.dashboard-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:14px 16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:32px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 4px 20px #0000000d}.card-label{color:#6b7280;margin-bottom:10px;font-size:13px}.card-value{font-size:28px;font-weight:700}.money{color:#047857}.warning-value{color:#b45309}.controls{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.controls input,.controls select,.controls button{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:11px 13px;font-size:14px}.controls input{flex:1;min-width:260px}.controls button{cursor:pointer;color:#fff;background:#111827}.section-title{margin:34px 0 14px;font-size:20px}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:auto hidden;box-shadow:0 4px 20px #0000000d}table{border-collapse:collapse;width:100%;min-width:1850px}.billable-table{min-width:1050px}.app-cell{color:#4b5563;text-overflow:ellipsis;max-width:180px;font-weight:600;overflow:hidden}.app-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px;display:grid}.app-breakdown-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000d}.app-breakdown-title{color:#111827;margin-bottom:14px;font-size:15px;font-weight:700}.app-breakdown-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.app-stat-label{color:#6b7280;margin-bottom:4px;font-size:11px;display:block}.app-stat-value{font-size:16px;font-weight:700}thead{color:#fff;background:#111827}th{text-align:left;white-space:nowrap;padding:16px;font-size:13px;font-weight:600}td{vertical-align:top;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}tbody tr:hover{background:#f9fafb}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.success{color:#166534;background:#dcfce7}.badge.danger{color:#991b1b;background:#fee2e2}.badge.warning{color:#92400e;background:#fef3c7}.badge.info{color:#1d4ed8;background:#dbeafe}.badge.muted{color:#9ca3af;background:#f3f4f6}.muted{color:#9ca3af}.domain{color:#2563eb;font-weight:600}.empty-row{text-align:center;color:#6b7280;padding:28px}.login-page{background:linear-gradient(135deg,#f5f7fb 0%,#e8edf5 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:420px;padding:36px;box-shadow:0 20px 60px #00000014}.login-header h1{margin-bottom:8px;font-size:24px}.login-header p{color:#6b7280;margin:0 0 28px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-form label{color:#374151;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.login-form input{border:1px solid #d1d5db;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:400}.login-form button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;margin-top:8px;padding:13px;font-size:15px;font-weight:600}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#991b1b;background:#fee2e2;border-radius:10px;padding:12px 14px;font-size:13px}.loading-screen{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}