:root{--bg:#080a0d;--panel:#111419;--panel2:#171b21;--line:#252a32;--text:#f5f7fb;--muted:#8d96a5;--red:#ff2748;--green:#16c77a;--blue:#2c7df0;--orange:#e89b2c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}a{text-decoration:none;color:inherit}.auth-page{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 15%,#25101a 0,transparent 32%),radial-gradient(circle at 85% 80%,#0c1930 0,transparent 28%),var(--bg)}.auth-shell{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0008}.auth-brand-panel{padding:70px 58px;background:linear-gradient(145deg,#1c1116,#0c0f13);display:flex;flex-direction:column;justify-content:center}.brand-badge{width:70px;height:70px;border-radius:20px;background:linear-gradient(145deg,var(--red),#a50020);display:grid;place-items:center;font-size:34px;box-shadow:0 15px 40px #ff27483d}.auth-brand-panel h1{font-size:46px;margin:22px 0 4px}.auth-brand-panel p,.muted{color:var(--muted);line-height:1.8}.feature-line{margin-top:20px;color:#d7dce5}.feature-line span{display:inline-grid;place-items:center;width:25px;height:25px;background:#123c2c;color:var(--green);border-radius:8px;margin-left:10px}.auth-card,.single-card{padding:60px 52px;background:var(--panel)}.single-card{width:min(500px,100%);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 80px #0008}.single-card .brand-badge{margin:auto}.single-card h2{text-align:center}.eyebrow{color:var(--red);font-weight:bold}.auth-card h2,.single-card h2{font-size:32px;margin:10px 0 4px}label{display:block;margin:22px 0 9px;color:#c8ced8;font-size:14px}input{width:100%;background:#090b0f;border:1px solid #303640;border-radius:12px;color:#fff;padding:15px 16px;font-size:15px;outline:none;transition:.2s}input:focus{border-color:var(--red);box-shadow:0 0 0 4px #ff274818}.btn{border:0;border-radius:11px;padding:14px 20px;font-weight:bold;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--red),#cf1434);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%;margin-top:26px}.login-hint{font-size:12px;color:#697282;text-align:center;margin-top:20px}.alert{padding:13px 15px;border-radius:10px;margin:18px 0}.alert-danger{background:#3a121a;border:1px solid #6f1a2b;color:#ffb9c5}.alert-success{background:#0e3326;border:1px solid #195d43;color:#a7f3d0}.app-page{display:flex;min-height:100vh}.sidebar{width:270px;position:fixed;inset:0 0 0 auto;background:#0d0f13;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:20px}.sidebar-brand{display:flex;align-items:center;gap:12px;font-size:23px;padding:8px 10px 24px}.sidebar-brand span{background:var(--red);padding:10px;border-radius:12px}.user-box{display:flex;gap:12px;align-items:center;background:var(--panel2);padding:14px;border:1px solid var(--line);border-radius:14px}.user-box small,.panel-head p,td small{display:block;color:var(--muted);margin-top:5px}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-weight:bold}.sidebar nav{margin-top:28px;display:grid;gap:7px}.sidebar nav a{padding:14px;border-radius:10px;color:#aeb5c0}.sidebar nav a:hover,.sidebar nav a.active{background:#1a1d23;color:#fff;border-right:3px solid var(--red)}.logout-form{margin-top:auto}.logout-form button{width:100%;background:none;border:0;color:#aeb5c0;padding:14px;text-align:right;cursor:pointer}.main-content{margin-right:270px;padding:28px;width:calc(100% - 270px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:7px 0;color:var(--muted)}.status-pill{background:#10271f;border:1px solid #1d523c;color:#b9efd7;border-radius:30px;padding:10px 15px}.status-pill span{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;margin-left:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px}.stat-card span{color:var(--muted)}.stat-card strong{font-size:31px}.stat-icon{grid-row:1/3;grid-column:2;width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.green{background:#103829;color:var(--green)}.red{background:#3a1119;color:var(--red)}.blue{background:#10294d;color:#4996ff}.orange{background:#3c2a11;color:var(--orange)}.panel{margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px}.panel-head h2{margin:0}.panel-head p{margin-bottom:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 20px;text-align:right;border-top:1px solid var(--line)}th{color:#929baa;font-size:13px;background:#0d1014}.empty{text-align:center;color:var(--muted);padding:45px}.badge{padding:6px 10px;border-radius:20px;font-size:12px}.badge-active{background:#103829;color:var(--green)}.badge-suspended,.badge-disabled,.badge-expired{background:#3a1119;color:#ff8296}.badge-trial{background:#10294d;color:#77acff}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.sidebar{width:80px;padding:12px}.sidebar-brand strong,.user-box div:not(.avatar),.sidebar nav a{font-size:0}.sidebar nav a{display:grid;place-items:center;font-size:20px}.main-content{margin-right:80px;width:calc(100% - 80px);padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.auth-card,.single-card{padding:35px 24px}.sidebar{display:none}.main-content{margin:0;width:100%}.topbar,.panel-head{align-items:flex-start;gap:14px;flex-direction:column}.stats-grid{grid-template-columns:1fr}}

select{width:100%;background:#090b0f;border:1px solid #303640;border-radius:12px;color:#fff;padding:14px 15px;font-size:15px;outline:none}
.btn-secondary{background:#252a32;color:#fff;border:1px solid #363d48}.btn-danger{background:#4a1520;color:#ffb4c0}.btn-success{background:#123c2c;color:#a7f3d0}.btn-small{padding:8px 11px;font-size:12px}.gray{background:#2a2d32;color:#bbb}.disabled-link{opacity:.45;pointer-events:none}.five{grid-template-columns:repeat(5,1fr)}.form-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.form-actions{margin-top:25px;display:flex;justify-content:flex-start}.split-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.compact h2{margin-top:0}.no-margin{margin-top:0}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select{min-width:120px;padding:8px}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.device-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid #555;border-radius:16px;padding:18px;min-height:230px;display:flex;flex-direction:column}.device-card.status-available{border-top-color:var(--green)}.device-card.status-in_use{border-top-color:var(--red)}.device-card.status-paused{border-top-color:var(--orange)}.device-card.status-maintenance,.device-card.status-disabled{border-top-color:#777}.device-head{display:flex;justify-content:space-between;align-items:flex-start}.device-head h3{font-size:21px;margin:5px 0}.device-head small{color:var(--muted)}.device-dot{width:11px;height:11px;border-radius:50%;background:#777}.status-available .device-dot{background:var(--green);box-shadow:0 0 12px var(--green)}.status-in_use .device-dot{background:var(--red);box-shadow:0 0 12px var(--red)}.status-paused .device-dot{background:var(--orange)}.device-state{color:var(--muted);font-size:13px}.device-icon{font-size:42px;display:grid;place-items:center;flex:1;opacity:.75}.live-timer{font-family:monospace;font-size:28px;font-weight:bold;text-align:center;margin:auto 0}.device-actions{margin-top:auto}.device-actions .btn{width:100%}.empty-state{grid-column:1/-1;text-align:center;padding:50px}.device-badge{display:inline-block}.status-available{color:var(--green)}.status-in_use{color:var(--red)}.status-paused{color:var(--orange)}.status-maintenance,.status-disabled{color:#aaa}
@media(max-width:1200px){.device-grid{grid-template-columns:repeat(3,1fr)}.five{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.device-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.device-grid,.five{grid-template-columns:1fr}}