.login-container{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:var(--color-text);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.login-header p{color:var(--color-text-dim);font-size:.875rem}.login-error{background:#ef44441a;border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.form-group label svg{color:var(--color-text-dim);font-size:.875rem}.form-group input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9375rem;padding:.75rem 1rem;transition:all .15s ease}.form-group input:focus{border-color:var(--color-primary);outline:none}.form-group input::placeholder{color:var(--color-text-dim)}.form-group input:disabled{cursor:not-allowed;opacity:.5}.login-button{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:.5rem;padding:.875rem 1rem;transition:all .15s ease}.login-button:hover:not(:disabled){background:var(--color-primary-hover)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid var(--color-border);color:var(--color-text-dim);font-size:.75rem;margin-top:2rem;padding-top:1.5rem;text-align:center}@media (max-width:480px){.login-container{padding:1rem}.login-box{padding:1.5rem}.login-header h1{font-size:1.5rem}}.dashboard{background:var(--color-bg);min-height:100vh}.dashboard-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-left h1{color:var(--color-text);font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.header-subtitle{border-left:1px solid var(--color-border);color:var(--color-text-dim);font-size:.875rem;padding-left:.75rem}.header-right{align-items:center;display:flex;gap:.75rem}.user-email{border-right:1px solid var(--color-border);color:var(--color-text-secondary);padding-right:.75rem}.btn,.user-email{font-size:.875rem}.btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.btn:hover:not(:disabled){background:var(--color-border);border-color:var(--color-border-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{align-items:center;display:flex;height:36px;justify-content:center;padding:0;width:36px}.btn-icon svg{font-size:1rem}.btn-logout:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-filter{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-filter:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.error-banner{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);font-size:.875rem;padding:.75rem 2rem}.dashboard-content{margin:0 auto;max-width:1600px;padding:1.5rem 2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);margin-bottom:1.5rem}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);gap:1rem;padding:1.25rem}.stat-card,.stat-icon{align-items:center;border-radius:8px;display:flex}.stat-icon{background:var(--color-bg-tertiary);color:var(--color-primary);flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.stat-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-dim);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.charts-row{display:flex;gap:1rem;margin-bottom:1.5rem}.chart-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex:1 1;min-width:0;padding:1.25rem}.chart-card h3{color:var(--color-text);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.chart-wide{flex:2 1}.table-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.table-header h3{color:var(--color-text);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-filters{gap:.5rem}.filter-group,.table-filters{align-items:center;display:flex}.filter-group{position:relative}.filter-icon{color:var(--color-text-dim);font-size:.75rem;left:.75rem;pointer-events:none;position:absolute}.filter-group input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.8125rem;padding:.5rem .75rem .5rem 2rem;transition:all .15s ease;width:140px}.filter-group input:focus{border-color:var(--color-primary);outline:none}.filter-group input::placeholder{color:var(--color-text-dim)}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--color-border);font-size:.8125rem;padding:.75rem 1rem;text-align:left}.data-table th{background:var(--color-bg-tertiary);color:var(--color-text-dim);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{cursor:pointer;transition:background .15s ease}.data-table tbody tr.expanded,.data-table tbody tr:hover{background:var(--color-bg-tertiary)}.expand-cell{color:var(--color-text-dim);text-align:center;width:40px}.expand-cell svg{font-size:.75rem}.device-cell{color:var(--color-text-secondary)}.device-cell svg{font-size:1rem}.no-data{color:var(--color-text-dim);padding:3rem 1rem;text-align:center}.detail-row{cursor:default}.detail-row:hover{background:#0000}.detail-row td{background:var(--color-bg);padding:0}.detail-content{padding:1rem 1.25rem 1rem 3.5rem}.detail-grid{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(5,1fr)}.detail-grid>div{color:var(--color-text-secondary);font-size:.8125rem}.detail-grid>div span{color:var(--color-text-dim);font-size:.75rem;margin-right:.5rem}.pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:center;padding:1rem}.pagination span{color:var(--color-text-secondary);font-size:.8125rem;min-width:80px;text-align:center}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}.charts-row{flex-wrap:wrap}.chart-card{min-width:calc(50% - .5rem)}.chart-wide{flex:100% 1}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-card{min-width:100%}.detail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.header-right{justify-content:space-between;width:100%}.user-email{display:none}.dashboard-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.table-header{align-items:stretch;flex-direction:column;gap:1rem}.table-filters{flex-wrap:wrap}.filter-group input{flex:1 1;width:100%}.detail-grid{grid-template-columns:repeat(2,1fr)}.data-table td,.data-table th{font-size:.75rem;padding:.5rem}}@media (max-width:480px){.detail-grid{grid-template-columns:1fr}}.app{background:var(--color-bg);min-height:100vh}.error-message{background:#ff00511a;border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);margin:1rem 0;padding:1rem}.success-message{background:#00ff411a;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);margin:1rem 0;padding:1rem}.action-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-button:hover{background:var(--color-primary);color:var(--color-bg);transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f14;color:#e5e7eb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg:#0f0f14;--color-bg-secondary:#16161d;--color-bg-tertiary:#1f1f2e;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-secondary:#8b5cf6;--color-accent:#a855f7;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#22c55e;--color-text:#e5e7eb;--color-text-secondary:#9ca3af;--color-text-dim:#6b7280;--color-border:#2d2d3a;--color-border-hover:#3d3d4a}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:#6366f1;color:var(--color-primary);font-size:1.2rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::selection{background:#6366f1;background:var(--color-primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#16161d;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#2d2d3a;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--color-text-dim)}
/*# sourceMappingURL=main.039fc224.css.map*/