*{box-sizing:border-box}body{color:#f4f8ff;background:#050b12;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font-family:inherit}.admin-login{background:radial-gradient(circle at 20% 20%,#25d2ff29,#0000 35%),radial-gradient(circle at 80% 40%,#0073ff24,#0000 35%),linear-gradient(135deg,#04070d,#081625 55%,#020409);place-items:center;min-height:100vh;display:grid}.admin-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030910c7;border:1px solid #71ceff38;border-radius:22px;width:min(430px,92vw);padding:34px;box-shadow:0 30px 100px #0000008c}.admin-mark{align-items:center;gap:14px;margin-bottom:26px;display:flex}.admin-mark svg{color:#28d7ff}.admin-mark strong{letter-spacing:2px;font-size:24px;display:block}.admin-mark span{color:#77dfff;letter-spacing:3px;font-size:12px}.admin-login-card h1{margin:0 0 8px;font-size:30px}.admin-login-card p{color:#9fb4c9;margin:0 0 24px}.admin-login-card label,.modal-card label{color:#d8e8f5;margin:14px 0 7px;font-size:14px;font-weight:800;display:block}.input-line{background:#00000047;border:1px solid #91cdff3d;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.input-line input{color:#fff;background:0 0;border:0;outline:0;flex:1;height:100%;font-size:15px}.primary-login,.blue-btn,.upload-admin-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0081ff,#25d2ff);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 18px;font-weight:950;display:inline-flex}.primary-login{width:100%;margin-top:22px}.login-note{color:#9fb4c9;align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.admin-shell{grid-template-columns:270px 1fr;height:100vh;display:grid;overflow:hidden}.admin-sidebar{background:#02060bf5;border-right:1px solid #91cdff1f;flex-direction:column;padding:24px 18px;display:flex}.admin-logo{align-items:center;gap:12px;margin-bottom:28px;display:flex}.admin-logo svg{color:#28d7ff}.admin-logo strong{letter-spacing:1.5px;font-size:22px;display:block}.admin-logo span{color:#77dfff;letter-spacing:3px;font-size:12px;display:block}.admin-sidebar nav{gap:8px;display:grid}.admin-sidebar nav button,.admin-logout{color:#d7e6f4;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;height:46px;padding:0 14px;font-weight:850;display:flex}.admin-sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#0073e6,#1bbcff)}.admin-logout{color:#ffb8b8;margin-top:auto}.admin-content{background:radial-gradient(circle at 60% 0,#29b3ff24,#0000 36%),linear-gradient(135deg,#07101b,#091522 55%,#03070c);height:100vh;padding:24px 28px 40px;overflow-y:auto}.admin-topbar{justify-content:space-between;align-items:flex-start;min-height:70px;margin-bottom:22px;display:flex}.admin-topbar h1{margin:0 0 5px;font-size:31px}.admin-topbar p{color:#9fb4c9;margin:0}.admin-actions{align-items:center;gap:10px;display:flex}.admin-actions button,.admin-user{color:#fff;background:#ffffff0e;border:1px solid #91cdff2e;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 13px;font-weight:850;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card,.panel,.table-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0309109e;border:1px solid #91cdff2b;border-radius:18px;box-shadow:0 22px 70px #00000038}.stat-card{padding:20px}.stat-card svg{color:#28d7ff}.stat-card span{color:#9fb4c9;margin:14px 0 8px;display:block}.stat-card strong{font-size:32px}.dashboard-columns{grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px;display:grid}.panel{padding:20px}.panel h2{margin:0 0 16px}.log-line{border-bottom:1px solid #91cdff1a;align-items:center;gap:11px;min-height:56px;display:flex}.log-line.big{min-height:70px}.log-line svg{color:#28d7ff}.log-line strong,.log-line span{display:block}.log-line span{color:#9fb4c9;margin-top:3px;font-size:13px}.security-row,.security-check{border-bottom:1px solid #91cdff1a;align-items:center;gap:10px;min-height:48px;display:flex}.security-row.good svg,.security-check svg:first-child{color:#53f08b}.security-row.warning svg{color:#ffd65a}.view-toolbar{grid-template-columns:1fr auto;gap:14px;margin-bottom:16px;display:grid}.search-box{background:#00000040;border:1px solid #91cdff33;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 13px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1}.gray-btn{color:#fff;background:#ffffff0e;border:1px solid #91cdff2e;border-radius:12px;align-items:center;gap:9px;height:46px;padding:0 16px;font-weight:850;display:flex}.upload-admin-btn{position:relative}.upload-admin-btn input{display:none}.table-panel{overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:#9fb4c9;background:#ffffff09;height:48px;padding:0 16px;font-size:13px}td{color:#e8f3ff;border-top:1px solid #91cdff1a;min-height:62px;padding:13px 16px}td strong,td span{display:block}td span{color:#8fa6ba;margin-top:3px;font-size:12px}.status{border-radius:30px;justify-content:center;align-items:center;min-width:82px;height:26px;font-size:12px;font-weight:900;display:inline-flex}.status.active{color:#6dff9f;background:#3ef18926}.status.blocked{color:#ff9b9b;background:#ff4b4b26}.row-actions{gap:7px;display:flex}.row-actions button{color:#fff;background:#ffffff0e;border:1px solid #91cdff2e;border-radius:8px;width:34px;height:34px}.row-actions button.danger{color:#ff9b9b;background:#ff4b4b1a}.modal{z-index:20;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#07111d;border:1px solid #91cdff33;border-radius:18px;width:min(430px,94vw);padding:22px;box-shadow:0 35px 100px #0000008c}.modal-card header,.side-drawer header{justify-content:space-between;align-items:center;display:flex}.modal-card header h2,.side-drawer h2{margin:0}.modal-card header button,.side-drawer header button{color:#fff;background:#ffffff0e;border:1px solid #91cdff33;border-radius:10px;width:38px;height:38px}.modal-card input,.modal-card select{color:#fff;background:#081421;border:1px solid #91cdff33;border-radius:10px;width:100%;height:42px;padding:0 12px}.form-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.side-drawer{z-index:15;background:#060e18f7;border-left:1px solid #91cdff33;width:min(520px,94vw);height:100vh;padding:22px;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-30px 0 90px #0000008c}.drawer-content{margin-top:24px}.info-row{border-bottom:1px solid #91cdff1a;grid-template-columns:140px 1fr;align-items:center;min-height:42px;display:grid}.info-row span,.muted{color:#9fb4c9}.device-card{background:#ffffff0b;border:1px solid #91cdff29;border-radius:14px;margin-top:12px;padding:14px}.device-card span{color:#b9ccdc;align-items:center;gap:6px;margin-top:7px;display:flex}pre{color:#d8e7f5;white-space:pre-wrap;background:#00000040;border:1px solid #91cdff1f;border-radius:12px;padding:18px}@media (width<=1100px){.admin-shell{grid-template-columns:230px 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.form-grid{grid-template-columns:1fr}}.api-status{color:#dff8ff;background:#0096ff14;border:1px solid #47daff40;border-radius:14px;align-items:center;gap:10px;margin:14px 0 18px;padding:13px 16px;font-weight:700;display:flex}.empty-state{color:#9fb6cc;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.empty-state strong{color:#fff;font-size:18px}.file-drop{text-align:center;cursor:pointer;background:#008cff14;border:1px dashed #41dcff73;border-radius:16px;justify-content:center;align-items:center;padding:22px}.file-drop input{display:none}.file-drop strong{color:#fff}.file-drop span{color:#9fb6cc;font-size:13px}.form-grid .full{grid-column:1/-1}button:disabled{opacity:.45;cursor:not-allowed}.mono-cell{word-break:break-all;max-width:260px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.ua-cell{color:#b7c7d9;max-width:340px;font-size:12px}.modal{align-items:flex-start!important;padding:18px!important;overflow-y:auto!important}.modal-card{border-radius:18px!important;width:min(520px,100vw - 36px)!important;max-height:calc(100vh - 46px)!important;padding:22px!important;overflow-y:auto!important}.modal-card.wide{width:min(760px,100vw - 36px)!important}.modal-card header{margin-bottom:12px!important}.modal-card h2{font-size:26px!important;line-height:1.1!important}.modal-card label{gap:5px!important;margin-bottom:10px!important;font-size:14px!important}.modal-card input,.modal-card select{min-height:42px!important;padding:10px 12px!important;font-size:14px!important}.modal-card .blue-btn{min-height:44px!important;margin-top:8px!important}.side-drawer{width:min(430px,92vw)!important;padding:22px!important;overflow-y:auto!important}.side-drawer h2{word-break:break-word!important;font-size:22px!important}.drawer-content{gap:10px!important}.drawer-content .info-row,.info-row{padding:9px 0!important}.table-panel{overflow-x:auto!important}.table-panel table{min-width:920px!important}.devices-view .table-panel table{min-width:1040px!important}.ua-cell{max-width:260px!important;font-size:11px!important;line-height:1.35!important}.mono-cell{max-width:190px!important;font-size:11px!important}.row-actions{white-space:nowrap!important}@media (height<=760px){.modal{padding-top:10px!important}.modal-card{max-height:calc(100vh - 22px)!important;padding:18px!important}.modal-card h2{font-size:24px!important}.modal-card input,.modal-card select{min-height:38px!important;padding:8px 11px!important}.modal-card label{margin-bottom:8px!important}.side-drawer{padding:18px!important}}@media (width<=1400px){.main-content,.content{padding-right:22px!important}.view-toolbar{gap:10px!important}.search-box input{font-size:14px!important}}.security-badge{color:#dff6ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#00b4ff24;border:1px solid #00b4ff40;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;position:fixed;bottom:14px;right:14px}.status.expired{color:#ffd06a;background:#ffb40029;border:1px solid #ffb40059}.status.blocked{color:#ffb4be;background:#ff4b5f29;border:1px solid #ff4b5f59}.drawer-actions{gap:9px;margin-top:14px;display:grid}.drawer-actions button{justify-content:center;width:100%}.danger-btn{color:#ffd7dc;cursor:pointer;background:#ff4b5f24;border:1px solid #ff4b5f59;border-radius:14px;padding:12px 14px;font-weight:900}
