*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#0d0b1e;--bg2:#110f24;--bg3:#16132e;--sidebar-bg:#0a0918;--card:#16132ea6;--card2:#1e1b378c;--glass:#ffffff08;--bord:#ffffff0f;--bord2:#ffffff1a;--bord-a:#6c5fff2e;--text:#e8e5ff;--sub:#e8e5ff80;--dim:#e8e5ff40;--acc:#6c5fff;--acc2:#00c2ff;--acc3:#10b981;--red:#ff4d6a;--amber:#ffb84d;--topbar-bg:#0d0b1ed9;--shadow:#0006}.light{--bg:#f8f7f4;--bg2:#f2f1ed;--bg3:#eae9e5;--sidebar-bg:#fdfcfa;--card:#ffffffd9;--card2:#fff9;--glass:#00000004;--bord:#00000012;--bord2:#0000001a;--bord-a:#00a06e26;--text:#2c2c3a;--sub:#2c2c3a99;--dim:#2c2c3a59;--acc:#10b981;--acc2:#08b;--acc3:#5a4fd0;--red:#d4364a;--amber:#c98820;--topbar-bg:#f8f7f4e6;--shadow:#0000000f}:root{--syne:"Syne",system-ui,sans-serif;--dm:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--radius:14px;--radius-sm:10px;--radius-xs:7px;--sb-w:260px;--sb-collapsed:68px}body{background:var(--bg);color:var(--text);font-family:var(--dm);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .35s,color .35s;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6c5fff4d;border-radius:4px}.auth-shell{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.auth-card{width:min(460px,100%)}@media (width<=520px){.auth-shell{padding:16px}}.sidebar{width:var(--sb-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--bord);z-index:100;flex-direction:column;min-height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),background .35s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.expanded{width:var(--sb-w)}.sb-logo{border-bottom:1px solid var(--bord);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;height:64px;min-height:64px;padding:0 0 0 16px;display:flex}.sb-logo-icon{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0d0b1e;width:34px;min-width:34px;height:34px;font-size:14px;font-weight:800;font-family:var(--syne);border-radius:9px;justify-content:center;align-items:center;display:flex}.sb-logo-text{font-family:var(--syne);letter-spacing:-.02em;white-space:nowrap;opacity:0;font-size:1.05rem;font-weight:700;transition:opacity .25s}.sidebar.expanded .sb-logo-text{opacity:1}.sb-logo-text span{color:var(--acc)}.sb-nav{flex:1;padding:12px 0;overflow:hidden auto}.sb-group{margin-bottom:16px}.sb-group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-size:.6rem;font-weight:600;font-family:var(--syne);white-space:nowrap;opacity:0;max-height:0;padding:0 20px 6px;transition:max-height .25s,opacity .2s,padding .25s;overflow:hidden}.sidebar.expanded .sb-group-title{opacity:1;max-height:24px;padding:0 20px 6px}.sb-item{cursor:pointer;color:var(--sub);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:12px;margin:0 6px 2px;padding:10px 10px 10px 16px;font-size:.86rem;text-decoration:none;transition:all .15s;display:flex;position:relative;overflow:hidden}.sb-item:hover{color:var(--text);background:#ffffff0a}.light .sb-item:hover{background:#0000000a}.sb-item.active{color:var(--acc);background:#6c5fff14}.sb-item.active:before{content:"";background:var(--acc);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sb-item svg{opacity:.7;flex-shrink:0;width:20px;min-width:20px;height:20px}.sb-item.active svg{opacity:1}.sb-item-label{white-space:nowrap;opacity:0;transition:opacity .2s}.sidebar.expanded .sb-item-label{opacity:1}.sb-item .badge{background:var(--acc3);color:#fff;opacity:0;border-radius:10px;margin-left:auto;margin-right:8px;padding:2px 6px;font-size:.65rem;font-weight:600;transition:opacity .2s}.sidebar.expanded .sb-item .badge{opacity:1}.sb-item[data-tooltip]{position:relative}.sb-item[data-tooltip]:after{content:attr(data-tooltip);left:calc(var(--sb-collapsed) - 8px);background:var(--bg3);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;z-index:999;border:1px solid var(--bord2);box-shadow:0 4px 16px var(--shadow);border-radius:7px;padding:6px 14px;font-size:.78rem;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.sidebar:not(.expanded) .sb-item[data-tooltip]:hover:after{opacity:1}.sb-bottom{border-top:1px solid var(--bord);flex-shrink:0;padding:12px 8px}.sb-user{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 14px;transition:background .15s;display:flex;overflow:hidden}.sb-user:hover{background:#ffffff0a}.light .sb-user:hover{background:#0000000a}.sb-avatar{background:linear-gradient(135deg,var(--acc3),var(--acc));width:34px;min-width:34px;height:34px;font-family:var(--syne);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.sb-user-info{white-space:nowrap;opacity:0;flex:1;min-width:0;transition:opacity .25s;overflow:hidden}.sidebar.expanded .sb-user-info{opacity:1}.sb-user-name{text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.sb-user-plan{color:var(--acc);font-size:.7rem;font-family:var(--mono)}.main{margin-left:var(--sb-collapsed);flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}body.sb-open .main{margin-left:var(--sb-w)}.topbar{border-bottom:1px solid var(--bord);background:var(--topbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;align-items:center;gap:12px;height:64px;padding:0 28px;transition:background .35s;display:flex;position:sticky;top:0}.tb-toggle{border-radius:var(--radius-xs);border:1px solid var(--bord);width:36px;height:36px;color:var(--sub);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.tb-toggle:hover{color:var(--text);background:#ffffff0a}.light .tb-toggle:hover{background:#0000000a}.tb-toggle svg{width:18px;height:18px;transition:transform .3s}body.sb-open .tb-toggle svg{transform:rotate(180deg)}.topbar-title{font-family:var(--syne);letter-spacing:-.02em;font-size:1.08rem;font-weight:700}.topbar-search{flex:1;max-width:360px;margin-left:16px;position:relative}.topbar-search input{background:var(--glass);border:1px solid var(--bord);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:.83rem;font-family:var(--dm);outline:none;padding:9px 14px 9px 36px;transition:border-color .2s,background .35s}.topbar-search input::placeholder{color:var(--dim)}.topbar-search input:focus{border-color:#6c5fff4d}.topbar-search svg{width:15px;height:15px;color:var(--dim);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.topbar-right{align-items:center;gap:6px;margin-left:auto;display:flex;position:relative}.tb-btn{border-radius:var(--radius-xs);border:1px solid var(--bord);width:36px;height:36px;color:var(--sub);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.tb-btn:hover{color:var(--text);background:#ffffff0a}.light .tb-btn:hover{background:#0000000a}.tb-btn svg{width:17px;height:17px}.tb-btn .dot{background:var(--red);border:2px solid var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.tb-lang{font-size:.76rem;font-family:var(--mono);color:var(--sub);border:1px solid var(--bord);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:6px 11px;font-weight:500;transition:all .15s}.tb-lang:hover{color:var(--text);background:#ffffff0a}.content{padding:24px 28px 40px}.page{display:none}.page.active{display:block}.welcome{border:1px solid var(--bord-a);border-radius:var(--radius);background:linear-gradient(135deg,#6c5fff14,#6c5fff14);justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 28px;transition:background .35s;display:flex}.welcome h2{font-family:var(--syne);margin-bottom:5px;font-size:1.3rem;font-weight:700}.welcome p{color:var(--sub);font-size:.88rem}.welcome-plan{color:var(--acc);font-family:var(--mono);background:#6c5fff1f;border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;font-size:.76rem;font-weight:500;display:inline-flex}.welcome-plan .pulse{background:var(--acc);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--bord);border-radius:var(--radius);padding:20px 22px;transition:border-color .2s,transform .2s,background .35s}.stat-card:hover{border-color:var(--bord2);transform:translateY(-2px)}.stat-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon svg{width:19px;height:19px}.stat-icon.green{color:var(--acc);background:#6c5fff1a}.stat-icon.blue{color:var(--acc2);background:#00c2ff1a}.stat-icon.purple{color:var(--acc3);background:#6c5fff1a}.stat-icon.amber{color:var(--amber);background:#ffb84d1a}.stat-change{font-size:.7rem;font-family:var(--mono);border-radius:6px;padding:3px 7px;font-weight:500}.stat-change.up{color:var(--acc);background:#6c5fff1a}.stat-change.down{color:var(--red);background:#ff4d6a1a}.stat-value{font-family:var(--syne);letter-spacing:-.03em;margin-bottom:3px;font-size:1.55rem;font-weight:800;line-height:1}.stat-label{color:var(--sub);font-size:.78rem}.usage-section{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.usage-card{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--bord);border-radius:var(--radius);padding:20px 22px;transition:background .35s}.usage-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.usage-title{font-family:var(--syne);font-size:.9rem;font-weight:600}.usage-value{font-family:var(--mono);color:var(--acc);font-size:.78rem}.usage-bar-track{background:#ffffff0d;border-radius:4px;height:7px;margin-bottom:8px;overflow:hidden}.usage-bar-fill{border-radius:4px;height:100%;transition:width 1s}.usage-bar-fill.green{background:linear-gradient(90deg,var(--acc),#8b7fff)}.usage-bar-fill.blue{background:linear-gradient(90deg,var(--acc2),#66d9ff)}.usage-bar-fill.purple{background:linear-gradient(90deg,var(--acc3),#9b8fff)}.usage-bar-fill.amber{background:linear-gradient(90deg,var(--amber),#ffcf80)}.usage-bar-fill.red{background:linear-gradient(90deg,var(--red),#ff809a)}.usage-detail{color:var(--dim);font-size:.73rem;font-family:var(--mono);justify-content:space-between;display:flex}.two-col{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:24px;display:grid}.three-col{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.card{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--bord);border-radius:var(--radius);transition:background .35s;overflow:hidden}.card-header{border-bottom:1px solid var(--bord);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.card-title{font-family:var(--syne);font-size:.92rem;font-weight:600}.card-action{color:var(--acc);cursor:pointer;font-size:.76rem;font-family:var(--mono);text-decoration:none;transition:opacity .15s}.card-action:hover{opacity:.7}.card-body{padding:16px 22px}.domain-row{border-bottom:1px solid var(--bord);align-items:center;gap:12px;padding:11px 0;display:flex}.domain-row:last-child{border-bottom:none}.domain-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.domain-status.online{background:var(--acc);box-shadow:0 0 8px #6c5fff66}.domain-status.offline{background:var(--red);box-shadow:0 0 8px #ff4d6a66}.domain-status.pending{background:var(--amber);box-shadow:0 0 8px #ffb84d66}.domain-name{font-family:var(--mono);flex:1;font-size:.82rem;font-weight:500}.domain-ssl{font-size:.68rem;font-family:var(--mono);border-radius:5px;padding:3px 7px}.domain-ssl.active{color:var(--acc);background:#6c5fff1a}.domain-ssl.expired{color:var(--red);background:#ff4d6a1a}.domain-usage{color:var(--sub);font-size:.76rem;font-family:var(--mono);text-align:right;min-width:60px}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qa-btn{background:var(--glass);border:1px solid var(--bord);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-family:var(--dm);align-items:center;gap:9px;padding:12px 14px;font-size:.82rem;transition:all .15s;display:flex}.qa-btn:hover{border-color:var(--bord2);background:#ffffff0d;transform:translateY(-1px)}.qa-btn svg{width:17px;height:17px;color:var(--acc);flex-shrink:0}.activity-item{border-bottom:1px solid var(--bord);align-items:flex-start;gap:12px;padding:11px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-dot.green{background:var(--acc)}.activity-dot.blue{background:var(--acc2)}.activity-dot.purple{background:var(--acc3)}.activity-dot.amber{background:var(--amber)}.activity-text{color:var(--sub);font-size:.82rem;line-height:1.4}.activity-text strong{color:var(--text);font-weight:500}.activity-time{color:var(--dim);font-size:.7rem;font-family:var(--mono);margin-top:2px}.htable{border-collapse:collapse;width:100%}.htable th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border-bottom:1px solid var(--bord);font-size:.7rem;font-weight:600;font-family:var(--syne);padding:12px 14px}.htable td{border-bottom:1px solid var(--bord);vertical-align:middle;padding:14px;font-size:.84rem}.htable tr:hover td{background:#ffffff04}.light .htable tr:hover td{background:#00000004}.ht-domain{font-family:var(--mono);align-items:center;gap:10px;font-weight:500;display:flex}.ht-php{font-family:var(--mono);color:var(--acc2);background:#00c2ff14;border-radius:5px;padding:3px 8px;font-size:.74rem}.btn{border-radius:var(--radius-sm);font-family:var(--dm);cursor:pointer;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--acc);color:#0d0b1e}.btn-primary:hover{background:#8b7fff;transform:translateY(-1px);box-shadow:0 4px 20px #6c5fff40}.btn-outline{color:var(--text);border:1px solid var(--bord2);background:0 0}.btn-outline:hover{background:#ffffff0a}.btn-danger{color:var(--red);background:#ff4d6a1a;border:1px solid #ff4d6a33}.btn-danger:hover{background:#ff4d6a2e}.btn svg{width:15px;height:15px}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;box-shadow:none;pointer-events:none;transform:none}.is-hidden{display:none!important}.plans-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.plan-card{background:var(--card);border:1px solid var(--bord);border-radius:var(--radius);padding:26px 22px;transition:all .2s;position:relative}.plan-card:hover{border-color:var(--bord2);transform:translateY(-2px)}.plan-card.current{border-color:var(--acc);box-shadow:0 0 30px #6c5fff14}.plan-card.current:after{content:"Ваш план";background:var(--acc);color:#0d0b1e;font-size:.68rem;font-weight:600;font-family:var(--syne);border-radius:5px;padding:3px 11px;position:absolute;top:-10px;right:18px}.plan-name{font-family:var(--syne);margin-bottom:3px;font-size:1.05rem;font-weight:700}.plan-price{font-family:var(--syne);letter-spacing:-.03em;font-size:1.9rem;font-weight:800}.plan-price span{color:var(--sub);font-size:.82rem;font-weight:400}.plan-features{margin:18px 0;list-style:none}.plan-features li{color:var(--sub);align-items:center;gap:7px;padding:6px 0;font-size:.82rem;display:flex}.plan-features li svg{width:15px;height:15px;color:var(--acc);flex-shrink:0}.ticket-row{border-bottom:1px solid var(--bord);align-items:center;gap:14px;padding:14px 0;display:flex}.ticket-row:last-child{border-bottom:none}.ticket-id{font-family:var(--mono);color:var(--dim);min-width:55px;font-size:.76rem}.ticket-subject{flex:1;font-size:.86rem;font-weight:500}.ticket-status{font-size:.72rem;font-family:var(--mono);border-radius:5px;padding:3px 9px;font-weight:500}.ticket-status.open{color:var(--acc);background:#6c5fff1a}.ticket-status.pending{color:var(--amber);background:#ffb84d1a}.ticket-status.closed{color:var(--dim);background:#8080801a}.ticket-date{color:var(--dim);font-size:.76rem;font-family:var(--mono);text-align:right;min-width:90px}.light .card{background:#ffffffe6;border-color:#0000000f;box-shadow:0 1px 3px #0000000a}.light .stat-card,.light .usage-card{background:#ffffffe6;box-shadow:0 1px 3px #0000000a}.light .welcome{background:linear-gradient(135deg,#6c5fff0d,#5a4fd00d);box-shadow:0 1px 3px #0000000a}.light .plan-card{background:#ffffffe6;box-shadow:0 1px 3px #0000000a}.light .plan-card.current{border-color:var(--acc)}.light .stat-icon.green{background:#6c5fff14}.light .stat-icon.blue{background:#0088bb14}.light .stat-icon.purple{background:#5a4fd014}.light .stat-icon.amber{background:#c9882014}.light .domain-status.online{box-shadow:0 0 5px #6c5fff59}.light .domain-status.pending{box-shadow:0 0 5px #c9882059}.light .ai-panel{background:var(--bg2);border-color:#0000001a;box-shadow:0 12px 40px #0000001f}.light .ai-msg.bot{background:#6c5fff0f;border-color:#6c5fff1a}.light .ai-msg.user{background:#5a4fd00f;border-color:#5a4fd01a}.light .form-input{color:var(--text);background:#00000005;border-color:#00000014}.light .usage-bar-track{background:#0000000d}.light .qa-btn{background:#00000004;border-color:#0000000f}.light .qa-btn:hover{background:#00000008}.light .ht-php{background:#0088bb0f}.light .sb-item.active{background:#6c5fff12}.light .welcome-plan{background:#6c5fff14}.light .topbar{box-shadow:0 1px 2px #0000000a}.light .sidebar{box-shadow:1px 0 3px #00000008}.ai-fab{background:linear-gradient(135deg,var(--acc),var(--acc2));cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .2s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 4px 24px #6c5fff4d}.ai-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px #6c5fff66}.ai-fab svg{color:#0d0b1e;width:24px;height:24px}.ai-panel{background:var(--bg2);border:1px solid var(--bord2);border-radius:var(--radius);z-index:200;width:380px;height:520px;box-shadow:0 20px 60px var(--shadow);flex-direction:column;transition:background .35s;display:none;position:fixed;bottom:88px;right:22px;overflow:hidden}.ai-panel.open{display:flex}.ai-hdr{border-bottom:1px solid var(--bord);align-items:center;gap:10px;padding:14px 18px;display:flex}.ai-hdr-icon{background:linear-gradient(135deg,var(--acc),var(--acc2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ai-hdr-icon svg{color:#0d0b1e;width:14px;height:14px}.ai-hdr h4{font-family:var(--syne);font-size:.88rem;font-weight:600}.ai-hdr p{color:var(--acc);font-size:.7rem;font-family:var(--mono)}.ai-close{color:var(--sub);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}.ai-close:hover{color:var(--text)}.ai-body{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex;overflow-y:auto}.ai-msg{word-wrap:break-word;border-radius:14px;max-width:88%;padding:10px 14px;font-size:.82rem;line-height:1.5}.ai-msg.bot{background:#6c5fff14;border:1px solid #6c5fff1f;border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.user{background:#6c5fff1f;border:1px solid #6c5fff26;border-bottom-right-radius:4px;align-self:flex-end}.ai-msg.typing{color:var(--dim);font-style:italic}.ai-input{border-top:1px solid var(--bord);gap:7px;padding:10px 14px;display:flex}.ai-input input{background:var(--glass);border:1px solid var(--bord);border-radius:var(--radius-xs);color:var(--text);font-size:.82rem;font-family:var(--dm);outline:none;flex:1;padding:9px 12px;transition:border-color .2s}.ai-input input::placeholder{color:var(--dim)}.ai-input input:focus{border-color:#6c5fff4d}.ai-send{border-radius:var(--radius-xs);background:var(--acc);color:#0d0b1e;cursor:pointer;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.ai-send:hover{background:#8b7fff}.ai-send svg{width:17px;height:17px}.ai-send:disabled{opacity:.4;cursor:not-allowed}.notif-panel{background:var(--bg2);border:1px solid var(--bord2);border-radius:var(--radius);width:340px;box-shadow:0 12px 40px var(--shadow);z-index:999;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-panel.open{display:block}.light .notif-panel{background:var(--bg);box-shadow:0 8px 30px #0000001a}.notif-header{border-bottom:1px solid var(--bord);font-family:var(--syne);justify-content:space-between;align-items:center;padding:14px 18px;font-size:.88rem;font-weight:600;display:flex}.notif-list{max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--bord);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 18px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff05}.light .notif-item:hover{background:#00000005}.notif-item.unread,.light .notif-item.unread{background:#6c5fff08}.notif-text{color:var(--sub);font-size:.82rem;line-height:1.4}.notif-text b{color:var(--text);font-weight:500}.form-group{margin-bottom:16px}.form-label{color:var(--sub);font-size:.78rem;font-weight:500;font-family:var(--syne);margin-bottom:6px;display:block}.form-input{background:var(--glass);border:1px solid var(--bord);border-radius:var(--radius-xs);width:100%;color:var(--text);font-size:.84rem;font-family:var(--dm);outline:none;padding:10px 14px;transition:border-color .2s}.form-input:focus{border-color:#6c5fff4d}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2388869e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.plans-grid,.three-col{grid-template-columns:1fr}}@media (width<=800px){.two-col,.usage-section{grid-template-columns:1fr}.sidebar{border:none;width:0}.sidebar.expanded{width:var(--sb-w);border-right:1px solid var(--bord)}.main{margin-left:0!important}.content{padding:20px 16px 40px}.topbar{padding:0 16px}.ai-panel{width:calc(100vw - 32px);right:16px}}.reveal{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(16px)}.reveal.in{opacity:1;transform:translateY(0)}