*{box-sizing:border-box}html,body{height:100%}body{margin:0;position:relative;isolation:isolate;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--ui-bg);color:var(--ui-text);--ui-bg:#0e0f11;--ui-text:#e7e9ee;--ui-muted:#c9d0d9;--ui-panel-bg:rgba(20,22,26,.95);--ui-card-bg:#14171b;--ui-elev-bg:#1b1d22;--ui-row-bg:#0f1114;--ui-hover-bg:#161a20;--ui-border:#2b2f36;--ui-divider:#1c2026;--ui-link:#a8c1ff;--ui-link-strong:#7eb5ff;--ui-accent:#b08d18;--ui-caret:#c9d0d9;--ui-chip-active-bg:#161a20;--ui-chip-active-border:#3b82f6;--banner:none;--banner-height:0px;--hero-offset:24px;--banner-overlay:none}body[data-banner]{--hero-offset:250px;--banner-overlay:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(14,15,17,.6) 80%,rgba(14,15,17,1) 100%)}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:var(--banner-height);z-index:0;pointer-events:none;background-position:top center, top center;background-repeat:no-repeat,no-repeat;background-size:100% 100%, cover;background-image:var(--banner-overlay),var(--banner)}
.hero{position:relative;z-index:1;display:flex;flex-direction:column;background:transparent}
.hero>*{position:relative;z-index:1}
body.auth-page .hero{min-height:100vh;justify-content:center;align-items:center;padding:24px 0}
body.auth-page .panel{margin-top:0;flex:0 0 auto}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 0 24px}
.brand{display:flex;align-items:center;gap:10px;color:#f2f5f8}
.brand-logo{display:none}
.brand-img{height:26px;display:block}
.brand-text{display:none}
.brand-sub{opacity:.7;font-size:12px;margin-left:8px}
.controls{display:flex;align-items:center;gap:14px}
.admin-top{position:fixed;left:18px;top:14px;z-index:60}
.admin-top .btn-verify{margin:0}
.icon-btn{background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:#c9d0d9;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
.lang{background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:#c9d0d9;border-radius:8px;padding:8px 10px;cursor:pointer;font-weight:700;font-size:13px;text-decoration:none}
.filters-top{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:10px}
.lang-wrap{position:relative}
.caret{opacity:.9;margin-left:2px}
.lang-menu{position:absolute;right:0;top:44px;min-width:80px;background:var(--ui-elev-bg);border:1px solid var(--ui-border);border-radius:10px;padding:6px;display:none}
.lang-menu.open{display:block}
.lang-item{width:100%;background:transparent;border:0;color:var(--ui-text);padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer;font-weight:800}
.lang-item:hover{background:var(--ui-hover-bg)}
.panel{width:min(1240px,calc(100% - 48px));margin-left:auto;margin-right:auto;background:var(--ui-panel-bg);border:1px solid var(--ui-border);border-radius:14px;margin-top:var(--hero-offset);flex:1;padding:18px}
.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 6px 16px 6px}
.site-header{margin-bottom:20px}
.panel-left{display:flex;align-items:center;gap:30px;min-width:0}
.panel-home{display:flex;align-items:center;line-height:0}
.panel-favicon{display:none;width:28px;height:28px;border-radius:8px;object-fit:contain}
.panel-logo{max-width:160px;width:auto;height:auto;flex:0 0 auto;object-fit:contain;display:block}
.panel-titleblock{display:flex;flex-direction:column;gap:10px;min-width:0;justify-content:center}
.panel-header h1{font-size:18px;margin:0;font-weight:800;line-height:1.1;white-space:nowrap}
.panel-subtitle{opacity:.7;font-size:16px;line-height:1.1;white-space:nowrap}
.panel-controls{display:flex;align-items:center;gap:12px}
.panel-controls .lang-menu{z-index:5}
.panel-actions{display:flex;gap:8px}
.panel-actions .btn-premium,
.panel-actions .btn-verify,
.panel-actions .btn-danger{height:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center}
.panel-actions .btn-danger{width:34px;padding:0}
.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 280px;gap:14px;align-items:start}
.list{background:var(--ui-card-bg);border:1px solid var(--ui-border);border-radius:12px;padding:12px}
.list.home-list{background:transparent;border:0;padding:0}
.list.home-list .table{margin:8px 0}
.list-title{font-weight:700;margin:6px 6px 12px 6px}
.list-title{font-size:18px}
.list-title.title-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ads-preview-btn{width:32px;height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
.table{border:0;border-radius:10px;overflow:visible;margin:8px 6px;font-size:14px;line-height:1.1;display:flex;flex-direction:column;gap:2px}
.row,.promo-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:0;border:1px solid var(--ui-border);border-radius:10px}
.row{background:var(--ui-row-bg)}
.row.head{display:none}
.row:last-child{border-bottom:0}
.c-name{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.c-name strong,.c-name a,.c-name span.name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600}
.row-link.is-placeholder .c-name strong,.row-link.is-placeholder .c-name span.name{overflow:visible;text-overflow:clip;white-space:normal}
.row-link.is-placeholder .c-date{font-weight:900}
.row .c-name a{color:var(--ui-text);text-decoration:none;font-weight:600}
.c-chronicle{width:52px;text-align:center;font-weight:500;white-space:nowrap;font-size:13px}
.c-rate{width:86px;text-align:center;font-weight:500;white-space:nowrap;font-size:13px}
.c-date{width:70px;text-align:right;font-weight:500;white-space:nowrap;font-size:13px}
.row-link{color:inherit;text-decoration:none}
.row:hover{background:var(--ui-hover-bg)}
.promo-row:hover{filter:brightness(1.03)}
.row.grade-a:hover{filter:brightness(1.03)}
.bullet{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#111317;border:1px solid var(--ui-border);color:#d9dee6;font-weight:800;font-size:12px;flex:0 0 24px}
.add-link{display:block;text-align:center;padding:10px;background:#101214;color:var(--ui-accent);text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.2px;border:1px solid var(--ui-border);border-radius:10px;opacity:.75}
.promo-row{color:#111}
.promo-row .c-name strong{font-weight:600}
.promo-badge{width:24px;height:24px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid rgba(0,0,0,.35);flex:0 0 24px}
.promo-badge .pb-icon{font-size:11px;line-height:10px}
.promo-badge .pb-text{font-size:10px;line-height:10px;font-weight:900}
.premium-ico{width:18px;max-width:18px;height:18px;display:block}
.promo-row.tier-1{background:linear-gradient(90deg,#ff0000,#cc0000);border-bottom-color:#7a1c1c;color:#fff}
.promo-row.tier-1 .promo-badge{background:#fff;color:#111}
.promo-row.tier-1 .promo-badge .pb-icon{color:#ff0000}
.promo-row.tier-2{background:linear-gradient(90deg,#ffd100,#c99700);border-bottom-color:#8a5b0f;color:#111}
.promo-row.tier-2 .promo-badge{background:#111;color:#ffd100;border-color:#111}
.row.grade-a{background:#0b2336;border-bottom-color:#173149;font-size:13px}
.row.grade-a .c-name a{color:var(--ui-link-strong);text-decoration:none;font-weight:800}
.row.grade-a .bullet{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.45);color:#9ad0ff}
.btn-find{width:100%;background:#1b1f25;border:1px solid var(--ui-border);color:#d6dbe3;border-radius:10px;padding:7px;cursor:pointer;margin:6px 0 10px;font-size:13px}
.btn-primary{width:100%;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.45);color:#eafff3;border-radius:10px;padding:7px;cursor:pointer;margin:6px 0 10px;font-size:13px;font-weight:800}
.btn-secondary{width:100%;background:transparent;border:1px solid var(--ui-border);color:#d6dbe3;border-radius:10px;padding:7px;cursor:pointer;margin:6px 0 10px;font-size:13px;font-weight:700}
.btn-verify{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.45);color:#eafff3;border-radius:10px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:800}
.btn-verify{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:20px}
.btn-danger{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.45);color:#ffe7e7;border-radius:10px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:900;display:grid;place-items:center}
.btn-premium{background:var(--ui-accent);border:1px solid rgba(0,0,0,.25);color:#111;border-radius:10px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:900;text-decoration:none}
.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 6px 12px 6px}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:flex-start;justify-content:center;z-index:50;padding:16px;overflow:auto}
.modal-overlay.open{display:flex}
.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--ui-panel-bg);border:1px solid var(--ui-border);border-radius:14px;padding:14px}
.modal.modal-lg{width:min(1060px,100%);padding:18px}
.admin-modal-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
.admin-modal-scroll{max-height:calc(100vh - 240px);overflow:auto}
.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.admin-filter{display:flex;gap:10px;margin:10px 0}
.admin-filter .lang{padding:6px 10px;font-size:12px}
.admin-filter .lang.active{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.14);color:#eafff3}
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tab{background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:#c9d0d9;border-radius:10px;padding:8px 10px;text-decoration:none;font-weight:800;font-size:13px}
.tab.active{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.14);color:#eafff3}
.dropzone{border:1px dashed rgba(148,163,184,.55);background:rgba(15,17,20,.4);border-radius:12px;padding:12px;text-align:center;color:var(--ui-muted);font-weight:800;font-size:12px;cursor:pointer;user-select:none}
.dropzone.drag{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.08);color:#eafff3}
.thumb{margin-top:10px;display:flex;align-items:center;gap:10px}
.thumb img{width:54px;height:54px;object-fit:contain;border-radius:10px;border:1px solid var(--ui-border);background:var(--ui-row-bg)}
.thumb.thumb-hover{position:relative;width:54px;height:54px}
.thumb.thumb-hover img{width:54px;height:54px}
.thumb-tools{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.45);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .15s ease}
.thumb.thumb-hover:hover .thumb-tools{opacity:1;pointer-events:auto}
.thumb-btn{background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:var(--ui-text);border-radius:8px;padding:6px 8px;font-size:11px;font-weight:900;cursor:pointer}
.thumb-btn.danger{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.14);color:#ffe7e7}
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 6px 6px 6px;flex-wrap:wrap}
.page-link{background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:#c9d0d9;border-radius:10px;padding:8px 10px;text-decoration:none;font-weight:900;font-size:13px}
.page-link.active{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.14);color:#eafff3}
.page-link.disabled{opacity:.45;cursor:not-allowed}
.modal.modal-book{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto}
.modal.modal-book.is-grade{max-height:calc(100vh - 32px)}
.modal.modal-book.is-media{max-height:calc(100vh - 32px)}
.modal-title{font-weight:800;font-size:16px;margin:2px 0 10px 0;line-height:1.1}
.modal-text{color:var(--ui-text);font-size:13px;line-height:1.35}
.modal-sub{font-weight:800;margin:10px 0 6px 0;line-height:1.1}
.modal-hint{color:var(--ui-muted);font-size:12px}
.modal-hint{line-height:1.35}
.modal-block{display:flex;flex-direction:column;gap:16px}
.modal-error{margin-top:10px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.12);color:var(--ui-text);padding:10px 12px;border-radius:10px;font-weight:700}
.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.modal-actions form{margin:0}
.codebox{border:1px solid var(--ui-border);background:var(--ui-row-bg);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;cursor:pointer;user-select:all;display:flex;align-items:center;justify-content:space-between;gap:10px}
.copy-btn{background:transparent;border:1px solid var(--ui-border);color:var(--ui-text);border-radius:10px;padding:6px 10px;cursor:pointer;font-size:12px;font-weight:800;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:var(--ui-text);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:60;max-width:min(520px,calc(100% - 32px));text-align:center}
.toast.show{opacity:1}
.status-tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1;border:1px solid transparent}
.status-tag.pending{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.45);color:#ffd9a0}
.status-tag.verified{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#c7ffd9}
.status-tag.awaiting{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.45);color:#ffd9a0}
.status-tag.paid{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#c7ffd9}
.status-tag.expired{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#ffd1d1}
.status-tag.due{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#ffd1d1}
.status-tag.canceled{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.35);color:#d9dee6}
.status-tag.refunded{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.35);color:#d6d6ff}
.status-tag.active{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#c7ffd9}
.status-tag.other{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.35);color:#d9dee6}
.push-right{margin-left:auto}
.admin-tags{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.admin-date{margin-left:auto;flex:0 0 170px;text-align:right;font-weight:800;font-size:12px;white-space:nowrap;color:var(--ui-muted)}
.orders-table.admin-orders-table .order-row,.orders-table.admin-orders-table .order-head{grid-template-columns:200px 90px 130px 220px 70px 55px 60px 90px 90px}
.table.orders-table.admin-orders-table{max-width:100%;overflow-x:auto}
.admin-users-table .order-row,.admin-users-table .order-head{grid-template-columns:minmax(0,1.8fr) 120px 170px 40px}
.admin-translate-table .order-row,.admin-translate-table .order-head{grid-template-columns:minmax(0,1.8fr) 120px 170px 110px}
.admin-translate-table .order-row .o-exp,.admin-translate-table .order-row .o-status,.admin-translate-table .order-head .o-exp,.admin-translate-table .order-head .o-status{width:auto}
.admin-translate-table .order-row .o-status,.admin-translate-table .order-head .o-status{display:flex;justify-content:flex-end}
.admin-servers-table .order-row,.admin-servers-table .order-head{grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr) minmax(0,1.2fr) 210px 40px}
.admin-advertisers-table .order-row,.admin-advertisers-table .order-head{grid-template-columns:minmax(0,1.8fr) 110px 110px 110px 40px}
.admin-users-table .o-pos{text-align:center}
.admin-users-table .o-exp{text-align:right}
.admin-servers-table .o-exp{text-align:right}
.orders-table .order-row{cursor:default}
.orders-table .order-row.is-clickable{cursor:pointer}
.orders-table .order-row.is-clickable:hover{background:var(--ui-hover-bg)}
.orders-table .order-row,.orders-table .order-head{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 120px 70px 90px 110px 140px;align-items:center;gap:10px}
.orders-table .order-head{background:transparent;border:0;padding:0 10px 6px 10px}
.orders-table .order-head .c-name,.orders-table .order-head .o-server,.orders-table .order-head .o-user,.orders-table .order-head .o-pos,.orders-table .order-head .o-weeks,.orders-table .order-head .o-price,.orders-table .order-head .o-start,.orders-table .order-head .o-exp,.orders-table .order-head .o-status{color:var(--ui-muted);font-weight:900;font-size:11px;text-transform:uppercase}
.order-row .o-server,.order-row .o-user{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;font-size:12px}
.order-row .o-pos{width:120px;text-align:center;font-weight:800;font-size:12px;white-space:nowrap;color:var(--ui-muted)}
.order-row .o-weeks{width:70px;text-align:center;font-weight:800;font-size:12px;white-space:nowrap}
.order-row .o-price{width:90px;text-align:right;font-weight:900;font-size:12px;white-space:nowrap}
.order-row .o-start{width:110px;text-align:right;font-weight:800;font-size:12px;white-space:nowrap;color:var(--ui-muted)}
.order-row .o-exp{width:110px;text-align:right;font-weight:800;font-size:12px;white-space:nowrap;color:var(--ui-muted)}
.order-row .o-status{width:140px;text-align:right;white-space:nowrap}
.orders-table.admin-orders-table .order-row .o-price{width:70px}
.orders-table.admin-orders-table .order-row .o-status,.orders-table.admin-orders-table .order-head .o-status{text-align:left}
.orders-table.admin-orders-table .order-row .o-pos,.orders-table.admin-orders-table .order-row .o-weeks,.orders-table.admin-orders-table .order-row .o-price,.orders-table.admin-orders-table .order-row .o-start,.orders-table.admin-orders-table .order-row .o-exp{width:auto}
.orders-table.admin-orders-table .order-row .o-status{white-space:nowrap}
#paidText{white-space:pre-line}
.sidebar-ad{display:block;margin:10px auto 0 auto;max-width:240px}
.sidebar-ad img{width:100%;height:auto;border-radius:12px;border:1px solid var(--ui-border);display:block}
.nav-ico{margin-right:6px}
.ads-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ads-table{display:flex;flex-direction:column;gap:8px;margin:6px}
.ads-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px 220px;gap:10px;align-items:center;background:var(--ui-row-bg);border:1px solid var(--ui-border);border-radius:12px;padding:10px}
.ads-left{display:flex;align-items:center;gap:10px;min-width:0}
.ads-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#111317;border:1px solid var(--ui-border);font-weight:900;flex:0 0 28px}
.ads-text{min-width:0}
.ads-title{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-meta{color:var(--ui-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-side{justify-self:center;color:var(--ui-muted);font-weight:900;font-size:12px}
.ads-count{justify-self:center;font-weight:900;font-size:12px;border:1px solid var(--ui-border);border-radius:999px;padding:5px 10px;background:rgba(255,255,255,.03)}
.ads-action{justify-self:end;width:100%;max-width:220px;background:transparent;border:1px solid var(--ui-border);color:var(--ui-text);border-radius:10px;padding:9px 10px;cursor:pointer;font-size:13px;font-weight:900;text-align:center;text-decoration:none}
.ads-action.is-wait{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12);color:#ffd1d1}
.ads-action.link{display:block}
.ads-row.ads-top .ads-badge{background:#fff;border-color:rgba(239,68,68,.45);color:#ef4444}
.ads-row.ads-top .ads-action{border-color:rgba(255,255,255,.18)}
.ads-row.ads-s .ads-badge{background:linear-gradient(90deg,#ffd100,#c99700);border-color:#8a5b0f;color:#111}
.ads-row.ads-s .ads-badge{color:#111}
.ads-row.ads-a .ads-badge{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.45);color:#9ad0ff}
.ads-row.ads-b .ads-badge{color:#d9dee6}
.ads-sidecol{display:flex;flex-direction:column;gap:16px}
.ads-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 6px 10px 6px}
.ads-chip{border:1px solid var(--ui-border);background:rgba(255,255,255,.03);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.ads-release{display:none;margin:6px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.12);color:#ffd1d1;border-radius:10px;padding:10px 12px;font-weight:900;font-size:12px}
.ads-release.show{display:block}
.ads-book{width:calc(100% - 12px);margin:6px;background:transparent;border:1px solid var(--ui-border);color:var(--ui-text);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:900}
.ads-hint{color:var(--ui-muted);font-size:12px;margin:6px}
.ads-pricebox{border:1px solid var(--ui-border);background:var(--ui-row-bg);border-radius:10px;padding:10px 12px;font-weight:900}
.date-native{position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0;pointer-events:none}
.field-error{margin-top:6px;color:#ffd1d1;font-weight:800;font-size:12px}
.input.invert-icons[type="date"]::-webkit-calendar-picker-indicator,.input.invert-icons[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85}
.input.input-light{background:#fff;color:#111;border-color:rgba(0,0,0,.18);color-scheme:light}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 12px 0}
.plan-card{border:1px solid var(--ui-border);background:var(--ui-card-bg);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.plan-top{display:flex;align-items:center;gap:10px}
.plan-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--ui-border);font-weight:900}
.plan-name{font-weight:900;font-size:14px}
.plan-price{font-weight:900;font-size:18px}
.plan-sub{color:var(--ui-muted);font-weight:800;font-size:12px}
.plan-meta{color:var(--ui-muted);font-weight:800;font-size:12px}
.plan-card.plan-top .plan-badge{background:linear-gradient(90deg,#ff0000,#cc0000);border-color:#7a1c1c;color:#fff}
.plan-card.plan-s .plan-badge{background:linear-gradient(90deg,#ffd100,#c99700);border-color:#8a5b0f;color:#111}
.plan-card.plan-a .plan-badge{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.45);color:#9ad0ff}
.plan-card.plan-a .ads-action:not(.is-wait){background:#2563eb;border-color:#1d4ed8;color:#fff}
.plan-card.plan-s .ads-action:not(.is-wait){background:#f59e0b;border-color:#d97706;color:#111}
.plan-card.plan-top .ads-action:not(.is-wait){background:#ef4444;border-color:#dc2626;color:#fff}
.upgrade-overlay .ads-book{background:#ffffff;border-color:rgba(0,0,0,.12);color:#111}
.upgrade-overlay .ads-book:hover{filter:brightness(.95)}
.plans-extra{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan-media{border:1px solid var(--ui-border);background:var(--ui-card-bg);border-radius:14px;padding:12px}
.plan-media-title{font-weight:900;font-size:14px;margin-bottom:6px}
.upgrade-overlay .modal-actions{grid-template-columns:1fr;justify-items:center}
.btn-continuefree{width:340px;height:56px}
.filters{background:var(--ui-card-bg);border:1px solid var(--ui-border);border-radius:12px;padding:12px;height:fit-content;max-width:320px;width:100%;overflow:hidden}

body:not([data-banner]) .panel{padding:20px}
body:not([data-banner]) .panel-header{padding:0 0 20px 0}
body:not([data-banner]) .panel-titleblock{gap:6px}
body:not([data-banner]) .panel-subtitle{line-height:1.35}
body:not([data-banner]) .grid{gap:20px}
body:not([data-banner]) .dash-grid{gap:20px}
body:not([data-banner]) .ads-grid{gap:20px}
body:not([data-banner]) .list{padding:16px}
body:not([data-banner]) .list-title{margin:0 0 20px 0;line-height:1.1}
body:not([data-banner]) .table{margin:16px 0 0 0}
#homeUpcoming.list.home-list,#homeLaunched.list.home-list{padding-left:0;padding-right:0}
body:not([data-banner]) #homeUpcoming.list.home-list,body:not([data-banner]) #homeLaunched.list.home-list{padding-left:0;padding-right:0}
#homeUpcoming .list-title,#homeLaunched .list-title{margin-left:0;margin-right:0}
#homeUpcoming .table,#homeLaunched .table{margin-left:0;margin-right:0}
body:not([data-banner]) .form{gap:16px;padding:0}
body:not([data-banner]) .field{gap:8px}
body:not([data-banner]) .text{line-height:1.35}
body:not([data-banner]) .modal{padding:16px}
body:not([data-banner]) .modal.modal-lg{padding:20px}
body:not([data-banner]) .modal-title{margin:0 0 16px 0}
body:not([data-banner]) .modal-text{display:flex;flex-direction:column;gap:16px}
body:not([data-banner]) .modal-sub{margin:0}
body:not([data-banner]) #domainOverlay .modal-text{gap:32px}
.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chip{background:var(--ui-row-bg);border:1px solid var(--ui-border);color:#d6dbe3;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700;line-height:1}
.chip.active{background:var(--ui-chip-active-bg);border-color:var(--ui-chip-active-border)}
.selects{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.select{position:relative}
.select select{width:100%;background:var(--ui-row-bg);border:1px solid var(--ui-border);color:#d6dbe3;border-radius:10px;padding:9px 34px 9px 12px;font-size:13px;appearance:none}
.select::after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ui-caret);pointer-events:none}
.btn-find{height:36px}
.calendar{border:1px solid var(--ui-border);border-radius:12px;padding:10px;margin-top:10px;max-width:100%;font-size:11px;background:var(--ui-card-bg)}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cal-title{font-weight:700;font-size:12px}
.cal-nav{width:28px;height:28px;border-radius:10px;background:var(--ui-row-bg);border:1px solid var(--ui-border);color:#d6dbe3;cursor:pointer}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}
.cal-cell{background:var(--ui-row-bg);border:1px solid var(--ui-border);border-radius:8px;padding:7px 0;text-align:center}
.cal-cell{color:var(--ui-text)}
.cal-cell.muted{background:transparent;border-color:transparent;color:#9aa4b2;font-size:10px;padding:2px 0}
.cal-cell.disabled{opacity:.35;cursor:not-allowed}
.cal-cell.event{font-weight:900;cursor:pointer}
.cal-cell.selected{outline:2px solid var(--ui-chip-active-border);outline-offset:-2px}
.modes-grid{margin-top:10px}
.modes{margin-top:10px}
.modes .row{display:flex;gap:8px;margin-bottom:6px}
.text{padding:16px;color:var(--ui-muted);display:flex;flex-direction:column;gap:18px}
.text h2{color:var(--ui-text)}
.text h2{margin:0 0 8px}
.text p{margin:0;color:rgba(231,233,238,.78)}
.site-footer{background:#0e0f11;color:#c9d0d9;margin-top:18px}
.site-footer-inner{width:min(1240px,calc(100% - 48px));margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;border-top:1px solid #1c2026;padding:22px 18px}
.site-footer .title{font-weight:700;margin-bottom:6px;color:#e7e9ee}
.site-footer a{color:rgba(231,233,238,.78);text-decoration:none;display:block;margin:20px 0}
.site-footer a:hover{color:var(--ui-text)}
.auth-panel{width:min(520px,calc(100% - 48px))}
.form{display:flex;flex-direction:column;gap:10px;padding:6px}
.field{display:flex;flex-direction:column;gap:6px}
.label{font-size:12px;color:var(--ui-muted);font-weight:700}
.input{width:100%;background:var(--ui-row-bg);border:1px solid var(--ui-border);color:var(--ui-text);border-radius:10px;padding:10px 12px;font-size:14px;outline:none}
.input:focus{border-color:var(--ui-chip-active-border)}
.input-prefix{display:flex;align-items:center;gap:8px}
.input-prefix .prefix{display:grid;place-items:center;width:36px;height:42px;border-radius:10px;background:var(--ui-row-bg);border:1px solid var(--ui-border);color:var(--ui-muted);font-weight:800;flex:0 0 36px}
.input-prefix .input{flex:1}
.input-date{position:relative}
.input-date .input{padding-right:40px}
.date-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.6);color:#111;cursor:pointer;display:grid;place-items:center;font-size:14px;line-height:1}
.date-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:80;display:none}
.date-pop.open{display:block}
.date-pop .calendar{margin:0;max-width:320px}
.profile-wrap{position:relative;display:flex;align-items:center}
.profile-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--ui-border);background:var(--ui-elev-bg);color:var(--ui-text);cursor:pointer;display:grid;place-items:center;padding:0;overflow:hidden;transition:transform .06s ease,filter .12s ease}
.profile-btn:hover{filter:brightness(1.06)}
.profile-btn:active{transform:scale(.98)}
.profile-initial,.profile-initials{font-weight:900;font-size:12px;letter-spacing:.4px}
.profile-avatar,.profile-img{width:36px;height:36px;max-width:36px;max-height:36px;border-radius:999px;object-fit:cover;display:block}
.profile-menu{position:absolute;right:0;top:44px;min-width:190px;background:var(--ui-elev-bg);border:1px solid var(--ui-border);border-radius:12px;padding:6px;display:none;z-index:90}
.profile-menu.open{display:block;animation:fadeIn .12s ease}
.profile-item{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--ui-text);padding:10px 10px;border-radius:10px;text-align:left;cursor:pointer;font-weight:800;font-size:13px;text-decoration:none}
.profile-item:hover{background:var(--ui-hover-bg)}
.profile-item.danger{color:#ffd1d1}
.profile-modal{width:min(860px,100%)}
.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:16px}
.profile-left{display:flex;flex-direction:column;gap:10px}
.profile-avatar-preview{width:100%;aspect-ratio:1/1;border-radius:16px;border:1px solid var(--ui-border);background:rgba(255,255,255,.03);display:grid;place-items:center;overflow:hidden}
.profile-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:42px;font-weight:900;color:var(--ui-text)}
.profile-avatar-actions{display:flex;gap:10px;flex-wrap:wrap}
.profile-count{opacity:.7;font-weight:800;font-size:12px;margin-left:auto}
.ddi-wrap{position:relative}
.ddi-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.ddi-menu{position:absolute;left:0;top:calc(100% + 6px);width:100%;background:var(--ui-elev-bg);border:1px solid var(--ui-border);border-radius:12px;padding:8px;display:none;z-index:95}
.ddi-menu.open{display:block;animation:fadeIn .12s ease}
.ddi-search{margin-bottom:8px}
.ddi-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto}
@keyframes fadeIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){.profile-grid{grid-template-columns:1fr}.profile-left{order:0}.profile-right{order:1}}
.tpl-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:14px}
.tpl-side{border:1px solid var(--ui-border);border-radius:12px;padding:10px;background:rgba(255,255,255,.02)}
.tpl-side .title{font-weight:900;margin-bottom:8px}
.tpl-param{width:100%;display:flex;justify-content:space-between;gap:10px;border:1px solid var(--ui-border);background:var(--ui-row-bg);color:var(--ui-text);padding:10px;border-radius:10px;cursor:pointer;font-weight:800;font-size:12px;text-align:left}
.tpl-param code{font-weight:900}
.tpl-preview{margin-top:10px;border:1px solid var(--ui-border);border-radius:10px;background:rgba(0,0,0,.2);padding:10px;max-height:220px;overflow:auto;font-size:12px;white-space:pre-wrap}
@media(max-width:920px){.tpl-grid{grid-template-columns:1fr}}
.auth-links{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 6px 0 6px;font-size:13px}
.auth-links a{color:var(--ui-link);text-decoration:none;font-weight:700}
.auth-links .sep{opacity:.5}
.hint{padding:10px 6px 0 6px;color:var(--ui-muted);font-size:12px;text-align:center}
.forgot-inline{padding:0 6px 2px 6px;text-align:right;font-size:12px}
.forgot-inline a{color:var(--ui-link);text-decoration:none;font-weight:800}
.alert{margin:0 6px 12px 6px;border:1px solid var(--ui-border);border-radius:10px;padding:10px 12px;font-weight:700}
.alert.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:var(--ui-text)}
.alert.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35);color:var(--ui-text)}
.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.admin-wide{grid-column:1 / -1}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.input[type="date"],.input[type="time"]{color-scheme:dark}
.input[type="date"]::-webkit-calendar-picker-indicator,.input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85}
.empty{padding:14px 10px;color:var(--ui-muted);font-weight:700}
@media(max-width:1240px){.panel{width:calc(100% - 32px)}}
@media(max-width:700px){body{--hero-offset:140px}}
@media(max-width:700px){.premium-ico{width:16px;max-width:16px;height:16px}}
@media(max-width:1024px){.grid{grid-template-columns:minmax(0,1fr) 320px}.grid>.list{grid-column:1}.grid>.filters{grid-column:2;grid-row:1 / span 2;max-width:320px}.dash-grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.row3{grid-template-columns:1fr}.ads-grid{grid-template-columns:1fr}.ads-row{grid-template-columns:1fr 64px 64px 1fr}.plans-grid{grid-template-columns:1fr}.plans-extra{grid-template-columns:1fr}.panel-controls .nav-links{display:none}.panel-controls .profile-wrap{display:none}.panel-controls .nav-btn{display:grid}}
@media(min-width:1025px){.panel-controls .nav-btn{display:none}}
@media(max-width:767px){.hero{overflow-x:hidden}.panel{max-width:100%;overflow-x:hidden;padding:12px}.panel-header{padding:6px 2px 10px 2px}.panel-left{gap:10px}.panel-logo{display:block;max-width:120px;height:auto}.panel-favicon{display:none}.panel-titleblock{display:none}.panel-controls{gap:8px}.panel-controls .lang{padding:6px 8px;font-size:12px}.panel-controls .icon-btn{width:32px;height:32px}.home-tabs{display:flex}.grid{grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.grid>.filters{display:none}.home-list{max-width:100%;overflow-x:hidden}.home-list[data-home-section]{display:none}.home-list[data-home-section].is-active{display:block}.home-list .list-title{display:none}.table{margin:8px 0;max-width:100%;overflow-x:hidden}.row,.promo-row{max-width:100%;min-width:0;padding:7px 9px;gap:8px}.c-name{min-width:0}.c-name strong,.c-name span.name{font-size:13px}.c-chronicle{width:38px;font-size:11px;flex:0 0 auto}.c-rate{width:54px;font-size:11px;flex:0 0 auto}.c-date{width:50px;font-size:11px;flex:0 0 auto}.bullet,.promo-badge{width:20px;height:20px;flex:0 0 20px}.premium-ico{width:13px;max-width:13px;height:13px}.promo-badge .pb-text{font-size:9px}.add-link{padding:11px;font-size:11px}.home-tab{padding:10px 8px;font-size:11px;border-radius:12px}.site-footer-inner{grid-template-columns:1fr 1fr;gap:12px;width:calc(100% - 32px);padding:18px 16px}.site-footer a{margin:12px 0}}

.nav-btn{display:none}
.home-tabs{display:flex;gap:10px;padding:10px 6px 2px 6px}
.home-tab{flex:1;background:var(--ui-elev-bg);border:1px solid var(--ui-border);color:var(--ui-text);border-radius:12px;padding:12px 10px;font-weight:900;font-size:12px;cursor:pointer}
.home-tab.active{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.14);color:#eafff3}
@media(min-width:768px){.home-tabs{display:none}}
.filters-btn{display:none}
#filtersOverlay.modal-overlay{align-items:stretch;justify-content:flex-end;padding:0}
.filters-drawer{width:min(360px,100%);height:100%;background:var(--ui-panel-bg);border-left:1px solid var(--ui-border);padding:14px;overflow:auto}
#filtersOverlay .filters{display:block;max-width:none;border:0;padding:0;background:transparent}
@media(max-width:767px){.filters-btn{display:inline-flex}}

body.light{--ui-bg:#0e0f11;--ui-text:#111827;--ui-muted:#374151;--ui-panel-bg:rgba(255,255,255,.92);--ui-card-bg:#ffffff;--ui-elev-bg:#ffffff;--ui-row-bg:#ffffff;--ui-border:#e5e5e5;--ui-divider:#f0f0f0;--ui-link:#1d4ed8;--ui-link-strong:#1d4ed8;--ui-accent:#7a5a00;--banner-overlay:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(14,15,17,.6) 80%,rgba(14,15,17,1) 100%)}
body.light{--ui-hover-bg:#f3f4f6;--ui-caret:#6b7280;--ui-chip-active-bg:#eef3ff;--ui-chip-active-border:#3b82f6}
body.light .input[type="date"]::-webkit-calendar-picker-indicator,body.light .input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.9}
body.light .input[type="date"],body.light .input[type="time"]{color-scheme:light}
body.light .icon-btn,body.light .lang,body.light .btn-find,body.light .chip,body.light .select select,body.light .calendar,body.light .cal-cell,body.light .cal-nav{color:#111827}
body.light .btn-find{background:#111827;border-color:#111827;color:#ffffff}
body.light .add-link{background:#f3f5f8}
body.light .cal-cell.muted{color:#6b7280}
body.light .lang-menu{background:#ffffff}
body.light .row.grade-a{background:#eaf3ff;border-bottom-color:#dbeafe}
body.light .row.grade-a .bullet{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}