@import url('mikhmon-ui.dark.min.css');:root{--primary:#0ea5e9;--accent:#14b8a6;--bg:#0f172a;--surface:#111827;--surface-2:#1e293b;--surface-3:#0b1220;--text:#f8fafc;--muted:#94a3b8;--radius:14px;--shadow:0 12px 32px rgba(0,0,0,.3);--border:#1f2937}body{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:var(--text)}.card,.stats-card{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);background-color:var(--surface)}.card:hover,.stats-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.35);background-color:#1f2937;transition:all .3s ease}.card-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#334155 0%,#475569 100%);color:var(--text)}.card-header h3{display:flex;align-items:center;gap:.5rem}.card-header i{color:var(--primary)}.card-title{color:var(--text);font-weight:600}.btn{border-radius:12px;border:1px solid transparent;background-image:linear-gradient(90deg,var(--primary),#0284c7);color:#fff;transition:.2s ease}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.25)}.btn-secondary{background-image:linear-gradient(90deg,var(--accent),#0d9488);color:#fff}.navbar,.sidenav{backdrop-filter:saturate(180%) blur(10px);background-color:rgba(17,24,39,.85);border-bottom:1px solid var(--border)}.menu{border-radius:12px;transition:.2s}.menu:hover{background-color:#1f2937}.table{border-color:var(--border);background:var(--surface)}.table thead th{background:linear-gradient(135deg,#334155 0%,#475569 100%);color:var(--text);border-bottom:2px solid var(--border)}.table tbody tr:hover{background:#1e293b;color:var(--text)}input,select,textarea,.form-control{border-radius:12px;border:1px solid #334155;background:#0b1220;color:var(--text)}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(14,165,233,.15)}#brand{color:var(--text)}a{color:var(--primary);transition:.2s}a:hover{color:#38bdf8}#notify{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff}.lds-dual-ring:after{border-color:var(--primary) transparent var(--accent) transparent}.badge{display:inline-block;border-radius:20px;padding:.25rem .5rem;font-weight:600}.bg-info{background-color:#0ea5e9;color:#fff}.bg-secondary{background-color:#64748b;color:#fff}.bg-danger{background-color:#ef4444;color:#fff}.modal-content{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text)}.modal-header,.modal-footer{border-color:var(--border);background:rgba(255,255,255,.02)}.dropdown-menu{background-color:#111827;border:1px solid var(--border);border-radius:10px}.dropdown-item{color:var(--muted)}.dropdown-item:hover{background:#1f2937;color:var(--text)}.login-box{background:transparent}.router-status-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:500}.status-online{background:rgba(34,197,94,.1);color:#22c55e}.status-offline{background:rgba(239,68,68,.1);color:#ef4444}
