body{background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1429);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{background:radial-gradient(circle at 20% 50%,#6366f10d 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3acc;border:1px solid #6366f133;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #6366f11a;max-width:420px;padding:60px;position:relative;width:100%;z-index:1}.login-title{color:#e8eaf6;font-size:2.5rem;font-weight:300;letter-spacing:.05em;margin-bottom:50px;text-align:center}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#e8eaf6;font-size:.9rem;font-size:.85rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.form-group input{background:#0a0e2799;border:1px solid #6366f14d;border-radius:10px;color:#e8eaf6;font-size:1rem;font-weight:300;outline:none;padding:14px 18px;transition:all .3s ease}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-weight:300;padding:14px}.login-button{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:400;letter-spacing:.05em;margin-top:10px;padding:15px;transition:all .3s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a5b4fc);box-shadow:0 6px 25px #6366f166;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.login-box{padding:40px 30px}.login-title{font-size:2rem}}.system-metrics-section{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin:0}.live-indicator{align-items:center;color:#4ade80;display:flex;font-size:.7rem;font-weight:700;gap:8px;letter-spacing:.1em;text-transform:uppercase}.live-dot{animation:pulse 2s ease-in-out infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #4ade80b3;opacity:1}50%{box-shadow:0 0 0 6px #4ade8000;opacity:.7}}.system-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.system-card{background:linear-gradient(135deg,#3b4268,#2d3250);border:1px solid #6366f133;border-radius:12px;padding:24px}.system-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.system-label{color:#94a3b8;font-size:.95rem;font-weight:500}.system-value{color:#e2e8f0;font-size:1.5rem;font-weight:700}.system-value.uptime{color:#94a3b8;font-size:1.25rem}.progress-bar{background:#0000004d;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.progress-fill.cpu{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-fill.memory{background:linear-gradient(90deg,#6366f1,#4f46e5)}.progress-fill.disk{background:linear-gradient(90deg,#f59e0b,#d97706)}.system-detail{color:#64748b;font-size:.85rem;font-weight:500}.network-stats{display:flex;gap:20px;margin-bottom:12px}.network-stat{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;font-weight:600;gap:8px}.network-stat svg{height:16px;width:16px}.network-stat:first-child svg{color:#4ade80}.network-stat:last-child svg{color:#6366f1}.system-metrics-loading{color:#64748b;font-style:italic;padding:40px;text-align:center}.recent-visitors-section{margin-bottom:40px}.recent-visitors-section h2{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin-bottom:20px}.visitors-table-container{background:linear-gradient(135deg,#3b4268,#2d3250);border:1px solid #6366f133;border-radius:12px;overflow:hidden}.visitors-table{border-collapse:collapse;width:100%}.visitors-table thead{background:#0003}.visitors-table th{border-bottom:1px solid #6366f133;color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:16px;text-align:left;text-transform:uppercase}.visitors-table td{border-bottom:1px solid #6366f11a;color:#e2e8f0;font-size:.9rem;padding:16px}.visitors-table tbody tr:hover{background:#6366f10d}.visitors-table tbody tr:last-child td{border-bottom:none}.ip-address{color:#818cf8;font-family:Courier New,monospace}.location{color:#e2e8f0}.visit-time{color:#94a3b8}.recent-visitors-loading{color:#64748b;font-style:italic;padding:40px;text-align:center}.settings-container{max-width:800px;width:100%}.settings-container h2{color:#6366f1;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:32px}.settings-container h3{color:#e2e8f0;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-bottom:20px}.settings-section{background:linear-gradient(135deg,#1a1f3a,#12172e);border:1px solid #6366f133;border-radius:16px;box-shadow:0 2px 8px #0000004d;margin-bottom:30px;padding:32px}.password-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.password-form .form-group{display:flex;flex-direction:column;gap:8px}.password-form label{color:#e2e8f0;font-size:.9rem;font-weight:600}.password-form input{background:#0f1429;border:2px solid #6366f14d;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:12px 16px;transition:all .2s ease}.password-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-form input:disabled{cursor:not-allowed;opacity:.5}.password-form small{color:#888;font-size:.85rem}.success-message{background:#4caf501a;border:1px solid #4caf50;border-radius:6px;color:#4caf50}.error-message,.success-message{font-size:.9rem;padding:12px;text-align:center}.error-message{background:#ff00001a;border:1px solid #f44;border-radius:6px;color:#f44}.submit-button{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.1em;margin-top:10px;padding:14px;text-transform:uppercase;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#818cf8;box-shadow:0 8px 24px #6366f14d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.info-item{background:#0f1429;border:1px solid #6366f133;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.info-label{color:#94a3b8;font-weight:500}.info-value{color:#6366f1;font-weight:600}@media (max-width:768px){.password-form{max-width:100%}.info-grid{grid-template-columns:1fr}}.dashboard{background:linear-gradient(135deg,#1e293b,#0f172a);min-height:100vh;padding:24px}.dashboard-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.header-left h1{color:#e2e8f0;font-size:1.75rem;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:12px}.time-range-selector{background:#0000004d;border-radius:8px;display:flex;gap:0;padding:4px}.range-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.range-btn.active{background:#6366f1;color:#fff}.range-btn:hover:not(.active){background:#6366f11a;color:#e2e8f0}.refresh-toggle{background:#0000004d;border:1px solid #6366f133;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.refresh-toggle.active{background:#6366f133}.refresh-toggle.active,.refresh-toggle:hover{border-color:#6366f1;color:#e2e8f0}.logout-button{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.logout-button:hover{background:#ef444433;border-color:#ef4444}.dashboard-nav{display:flex;gap:8px;margin-bottom:32px}.nav-tab{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.nav-tab.active{background:#6366f126;color:#e2e8f0}.nav-tab:hover:not(.active){background:#6366f114;color:#e2e8f0}.dashboard-content{margin:0 auto;max-width:1600px}.metrics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:24px}.metrics-row.secondary{margin-bottom:32px}.metric-card{align-items:center;background:linear-gradient(135deg,#3b4268,#2d3250);border:1px solid #6366f133;border-radius:12px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.metric-card:hover{border-color:#6366f166;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.metric-card.green .metric-icon{background:#4ade8026;color:#4ade80}.metric-card.blue .metric-icon{background:#6366f126;color:#6366f1}.metric-card.orange .metric-icon{background:#fb923c26;color:#fb923c}.metric-card.yellow .metric-icon{background:#facc1526;color:#facc15}.metric-card.purple .metric-icon{background:#a855f726;color:#a855f7}.metric-content{flex:1 1}.metric-value{color:#e2e8f0;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-label{color:#94a3b8;font-size:.9rem;font-weight:500}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:40px}.chart-card{background:linear-gradient(135deg,#3b4268,#2d3250);border:1px solid #6366f133;border-radius:12px;padding:24px}.chart-card h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 20px}.error-banner{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;margin-bottom:24px;padding:16px}.error-banner,.error-banner button{align-items:center;color:#ef4444;display:flex}.error-banner button{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:background .2s ease;width:28px}.error-banner button:hover{background:#ef444433}.dashboard-error,.dashboard-loading{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #6366f133;height:48px;margin-bottom:16px;width:48px}.dashboard-loading p{color:#94a3b8;font-size:1rem}.dashboard-error{color:#ef4444;font-size:1.2rem}@media (max-width:1200px){.charts-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{flex-wrap:wrap;width:100%}.metrics-row{grid-template-columns:1fr}.metric-value{font-size:1.5rem}.chart-card{padding:16px}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#e8eaf6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-loading{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1429);color:#e8eaf6;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::selection{background:#6366f14d;color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#818cf8}
/*# sourceMappingURL=main.2a400e4e.css.map*/