*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f4f6;color:#111827;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.header h1{font-size:18px;font-weight:600;color:#111827}.main{flex:1;padding:32px 24px;max-width:960px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s;border:1px solid transparent}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:transparent;border-color:#d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;margin-bottom:24px}.card h2{font-size:16px;font-weight:600;color:#111827;margin-bottom:16px}.login-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:48px 32px;text-align:center;max-width:400px;margin:80px auto 0}.login-icon{font-size:48px;margin-bottom:16px}.login-card h2{font-size:20px;font-weight:600;margin-bottom:8px}.login-card p{color:#6b7280;font-size:14px;margin-bottom:24px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 640px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px}.stat-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-value{font-size:24px;font-weight:700;color:#111827}.stat-sub{font-size:12px;color:#9ca3af;margin-top:4px}.chart-container{width:100%}.table-wrapper{overflow-x:auto;max-height:400px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{position:sticky;top:0;background:#f9fafb;text-align:left;padding:10px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}td{padding:10px 16px;border-bottom:1px solid #f3f4f6;color:#374151}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.loading-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .75s linear infinite;margin:80px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-card,.empty-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:48px 32px;text-align:center;color:#6b7280;max-width:400px;margin:80px auto 0}.error-card p{color:#ef4444;margin-bottom:16px}