*{box-sizing:border-box}html{background:#070a0f}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf5f2;background:radial-gradient(circle at 82% 3%,rgba(50,255,168,.09),transparent 26%),radial-gradient(circle at 15% 90%,rgba(62,140,255,.08),transparent 28%),#070a0f;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:24px 18px;border-right:1px solid #1a2323;background:rgba(9,13,17,.94);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:42px;height:42px;border:1px solid #2aff9e;border-radius:13px;display:grid;place-items:center;color:#63ffb5;font-weight:900;letter-spacing:-1px;box-shadow:inset 0 0 20px rgba(42,255,158,.08),0 0 24px rgba(42,255,158,.08)}.brand b{display:block;font-size:15px}.brand span{display:block;font-size:11px;color:#6f817c;margin-top:2px}.sidebar nav{display:grid;gap:7px;margin-top:38px}.sidebar nav a{padding:11px 13px;border-radius:11px;color:#82928e;font-size:14px;border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:#111917;color:#eafff6;border-color:#20322c}.sidebar nav a.active{box-shadow:inset 3px 0 #37ef9b}.side-foot{margin-top:auto;border-top:1px solid #18201f;padding-top:18px;display:grid;gap:3px}.side-foot small{color:#62716e}.side-foot b{font-size:13px}.logout{margin-top:11px;color:#ff8383;font-size:13px}.shell main{grid-column:2;min-width:0}.topbar{height:88px;position:sticky;top:0;z-index:20;border-bottom:1px solid #182120;background:rgba(7,10,15,.78);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 32px}.topbar h1{font-size:18px;margin:0}.topbar p{font-size:11px;color:#64726f;margin:4px 0 0}.status{margin-left:auto;font-size:12px;color:#8fa09b;display:flex;align-items:center;gap:7px}.status i{width:7px;height:7px;background:#31e995;border-radius:50%;box-shadow:0 0 12px #31e995}.menu{display:none;border:0;background:none;color:#fff;font-size:22px}.content{padding:30px 32px 60px;max-width:1500px;margin:auto}.hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border:1px solid #1b2925;background:linear-gradient(130deg,rgba(20,31,29,.92),rgba(10,15,18,.9));padding:28px;border-radius:18px}.hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(54,246,161,.12);border-radius:50%;right:-100px;top:-160px;box-shadow:0 0 80px rgba(54,246,161,.06)}.eyebrow{font-size:10px;letter-spacing:.17em;color:#4bf0a1;font-weight:800}.hero h2,.panel h2{margin:8px 0 8px;font-size:24px;letter-spacing:-.03em}.hero p,.panel-head p{margin:0;color:#82918d;font-size:13px;max-width:680px;line-height:1.6}.btn{min-height:42px;padding:0 16px;border-radius:11px;border:1px solid #293633;background:#131b1a;color:#eaf5f1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:13px}.btn.primary{background:#35e894;color:#04100a;border-color:#35e894;box-shadow:0 8px 30px rgba(53,232,148,.12)}.btn.ghost{background:transparent}.toolbar{display:flex;align-items:center;gap:14px;margin:22px 0}.search{flex:1;max-width:520px;height:44px;border:1px solid #1b2725;background:#0c1114;border-radius:12px;display:flex;align-items:center;padding:0 13px;gap:10px}.search span{color:#53635f}.search input{width:100%;border:0;outline:0;background:transparent;color:#edf5f2}.count{margin-left:auto;color:#60716c;font-size:12px}.count b{color:#cce7de}.codes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.code-card{position:relative;border:1px solid #1a2724;border-radius:16px;background:linear-gradient(145deg,#0d1416,#0a0f12);padding:18px;min-width:0;box-shadow:0 18px 50px rgba(0,0,0,.12)}.code-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(57,239,156,.04),transparent 40%);pointer-events:none}.code-head{display:flex;align-items:center;gap:11px}.service-icon{width:40px;height:40px;border-radius:11px;border:1px solid #22332e;background:#101b18;display:grid;place-items:center;color:#5cf0aa;font-size:12px;font-weight:900}.identity{min-width:0}.identity h3{font-size:13px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity p{font-size:11px;color:#6f817c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dots{margin-left:auto;color:#75837f;background:transparent;border:0;cursor:pointer;letter-spacing:1px}.otp{position:relative;z-index:1;margin:26px 0 18px;padding:0;border:0;background:transparent;color:#f0fff8;font-size:33px;letter-spacing:.12em;font-weight:750;cursor:pointer;text-align:left}.otp:hover{color:#64f6b0}.timer-row{display:flex;align-items:center;gap:10px}.bar{height:4px;flex:1;background:#18211f;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#3dea99;border-radius:99px;transition:width .3s linear}.timer-row span{width:28px;text-align:right;font-size:10px;color:#63736e}.note{margin:12px 0 0;border-top:1px solid #192321;padding-top:12px;color:#687a75;font-size:11px}.card-menu{display:none;position:absolute;right:12px;top:52px;z-index:10;width:110px;padding:6px;background:#101716;border:1px solid #27332f;border-radius:10px;box-shadow:0 18px 35px rgba(0,0,0,.35)}.code-card.open .card-menu{display:grid}.card-menu a,.card-menu button{border:0;background:none;color:#b8c9c4;text-align:left;padding:8px;border-radius:7px;font-size:12px;cursor:pointer}.card-menu a:hover,.card-menu button:hover{background:#17201e}.card-menu button.delete{color:#ff8585}.empty{grid-column:1/-1;padding:50px;border:1px dashed #26322f;border-radius:15px;text-align:center;color:#64746f}.panel{background:#0c1215;border:1px solid #1b2725;border-radius:18px;padding:26px}.panel.narrow{max-width:860px}.panel-head{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;color:#a9b7b3;font-size:12px;margin-bottom:15px}label small{font-size:10px;color:#596963}input,select,textarea{width:100%;border:1px solid #22302d;background:#090e11;color:#eef7f4;border-radius:10px;padding:11px 12px;outline:0}input:focus,select:focus,textarea:focus{border-color:#3ccc90;box-shadow:0 0 0 3px rgba(60,204,144,.07)}textarea{resize:vertical}.full{grid-column:1/-1}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.or{position:relative;text-align:center;color:#52615d;font-size:9px;letter-spacing:.16em}.or:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #1b2523}.or span{position:relative;background:#0c1215;padding:0 10px}code{color:#53dda0;background:#111b18;padding:2px 5px;border-radius:5px}.alert{padding:12px 14px;border-radius:10px;margin:14px 0;font-size:12px}.alert.danger{border:1px solid #5b2d31;background:#211113;color:#ffaaaa}.alert.success,.successbox{border:1px solid #215039;background:#102218;color:#9ef6c5}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:100;background:#d8ffeb;color:#07110c;padding:10px 14px;border-radius:9px;font-weight:800;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.auth-page{display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);border:1px solid #1e2b28;border-radius:20px;background:rgba(11,16,19,.94);padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.auth-card.install-card{width:min(760px,100%)}.auth-brand{margin-bottom:30px}.auth-card h2{margin:0 0 7px;font-size:23px}.muted{color:#70807b;font-size:12px;margin:0 0 22px;line-height:1.55}.auth-card form .btn{width:100%}.successbox{padding:22px;border-radius:14px}.successbox .btn{margin-top:10px;width:auto}.install-card .form-grid .btn{width:auto}
@media(max-width:1100px){.codes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:250px}.nav-open .sidebar{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.45)}.shell main{display:block}.topbar{height:72px;padding:0 16px}.menu{display:block;margin-right:10px}.content{padding:18px 14px 40px}.hero{align-items:flex-start;flex-direction:column;padding:20px}.hero h2{font-size:20px}.hero .btn{width:100%}.toolbar{margin:16px 0}.count{display:none}.search{max-width:none}.codes-grid{grid-template-columns:1fr}.otp{font-size:31px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.actions{justify-content:stretch}.actions .btn{flex:1}.auth-card{padding:22px}.install-card .form-grid{display:block}}

.ico{display:block;flex:0 0 auto}.brandmark .ico{width:22px;height:22px}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:44px}.nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#62746e}.sidebar nav a.active .nav-icon,.sidebar nav a:hover .nav-icon{color:#5cf0aa}.logout{display:flex;align-items:center;gap:8px}.menu{width:40px;height:40px;place-items:center;border-radius:10px}.menu:hover{background:#111917}.btn{gap:8px}.alert.success,.alert.danger{display:flex;align-items:flex-start;gap:10px}.alert b,.alert span{display:block}.alert span{font-size:11px;margin-top:3px;opacity:.82}.panel-head.split{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.version-badge{min-width:138px;border:1px solid #234135;background:#0e1a16;border-radius:13px;padding:12px 14px;text-align:right}.version-badge small{display:block;font-size:9px;letter-spacing:.12em;color:#688078}.version-badge b{display:block;margin-top:4px;color:#68f3b0;font-size:20px}.update-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.update-drop,.update-rules{border:1px solid #1b2925;background:#090f11;border-radius:15px;padding:20px}.update-drop h3,.update-rules h3,.backup-list h3{font-size:14px;margin:0 0 8px}.update-drop p{color:#6d7d78;font-size:11px;line-height:1.6}.update-icon{width:48px;height:48px;border:1px solid #28513e;border-radius:14px;display:grid;place-items:center;color:#60efaa;background:#0f1e18;margin-bottom:14px}.update-drop form{display:grid;gap:11px;margin-top:18px}.filebox{margin:0}.filebox input{position:absolute;opacity:0;pointer-events:none}.filebox span{min-height:44px;border:1px dashed #2a3a35;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;color:#9aaba5;background:#0b1213;cursor:pointer}.filebox span:hover{border-color:#3ccc90;color:#dff8ee}.update-rules h3{display:flex;align-items:center;gap:8px;margin-bottom:15px}.rule{display:flex;gap:10px;padding:12px 0;border-top:1px solid #17211e}.rule:first-of-type{border-top:0}.rule>span{width:30px;height:30px;border:1px solid #20332c;border-radius:9px;display:grid;place-items:center;color:#58d99d}.rule b{display:block;font-size:12px}.rule small{display:block;color:#63736e;font-size:10px;margin-top:3px;line-height:1.45}.backup-list{margin-top:20px;border-top:1px solid #1b2725;padding-top:20px}.mini-table{border:1px solid #1c2925;border-radius:12px;overflow:hidden}.mini-table>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;border-top:1px solid #18231f;font-size:11px}.mini-table>div:first-child{border-top:0}.mini-table span{display:flex;align-items:center;gap:7px;color:#b8c7c2}.mini-table small{color:#60706b}
@media(max-width:760px){.panel-head.split{display:block}.version-badge{margin-top:14px;text-align:left}.update-grid{grid-template-columns:1fr}.sidebar nav a{min-height:46px}.topbar .menu{display:grid}}
.security-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:start}.telegram-panel{position:relative;overflow:hidden}.telegram-panel:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(75,240,161,.07);border-radius:50%;right:-150px;top:-150px;pointer-events:none}.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid #26332f;border-radius:99px;padding:8px 11px;font-size:10px;color:#73837e;white-space:nowrap}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#59635f}.connection-pill.on{color:#a5f6ca;border-color:#28503f;background:#0d1b15}.connection-pill.on i{background:#35e894;box-shadow:0 0 10px #35e894}.secret-field{position:relative}.secret-field span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#61736d}.secret-field input{padding-right:42px}.tg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.test-btn{border-color:#28503f;color:#baf5d5}.danger-btn{border-color:#4b292b;color:#ff9c9c;background:#190e10}.bot-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #1d332a;background:#0b1712;border-radius:12px;margin:6px 0 15px}.bot-avatar{width:40px;height:40px;border-radius:11px;border:1px solid #2b5844;display:grid;place-items:center;color:#62efaa}.bot-card small{display:block;color:#63786f;font-size:9px;letter-spacing:.12em}.bot-card b{display:block;font-size:12px;margin-top:3px}.live-dot{margin-left:auto;font-size:10px;color:#56e9a3}.telegram-flow{margin-top:16px;display:flex;gap:14px;align-items:flex-start}.flow-icon{width:42px;height:42px;flex:0 0 42px;border:1px solid #244337;border-radius:12px;display:grid;place-items:center;color:#5ceca8;background:#0e1b16}.telegram-flow b{font-size:13px}.telegram-flow p{margin:5px 0 0;color:#73847e;font-size:11px;line-height:1.65}
@media(max-width:980px){.security-grid{grid-template-columns:1fr}}@media(max-width:760px){.tg-actions .btn{flex:1}.connection-pill{margin-top:12px;width:max-content}.telegram-flow{padding:16px}}
.favorite-check{align-content:start}.checkline{display:flex;align-items:center;gap:9px;min-height:42px;border:1px solid #22302d;background:#090e11;border-radius:10px;padding:10px 12px;color:#91a39d}.checkline input{width:16px;height:16px;accent-color:#35e894;padding:0}