:root{--bg:#0a101c;--panel:#111a2b;--panel2:#0d1625;--line:#263754;--text:#f4f7fb;--muted:#8ea1bb;--accent:#5c86ff;--green:#49d6a3;--danger:#ff7b88;--warn:#f2c86d;--shadow:0 18px 50px rgba(0,0,0,.25)}*{box-sizing:border-box}html{background:#080d16}body{margin:0;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;background:radial-gradient(circle at 60% -15%,#172844 0,#0a101c 42%,#080d16 100%);color:var(--text);min-height:100vh}button,input,select{font:inherit}.hidden{display:none!important}.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(8,13,23,.88);backdrop-filter:blur(18px);border-right:1px solid #1e2b43;padding:20px 15px;z-index:20}.brand,.auth-brand{display:flex;align-items:center;gap:11px}.brand{padding:3px 7px 20px}.brand-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#6b94ff,#4168df);font-weight:900;box-shadow:0 12px 28px rgba(73,106,225,.25)}.brand b,.auth-brand h1{font-size:20px;margin:0}.brand small,.auth-brand p{display:block;margin:2px 0 0;color:var(--muted);font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-btn{border:1px solid transparent;background:transparent;color:#a9b8cb;border-radius:12px;padding:11px 12px;text-align:left;display:flex;gap:11px;align-items:center;cursor:pointer}.nav-btn:hover{background:#111c2f;color:#fff}.nav-btn.active{background:linear-gradient(90deg,rgba(92,134,255,.2),rgba(92,134,255,.05));border-color:rgba(92,134,255,.27);color:#fff}.nav-btn span{width:22px;text-align:center}.sidebar-foot{position:absolute;left:15px;right:15px;bottom:18px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:12;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:rgba(8,13,23,.63);backdrop-filter:blur(16px);border-bottom:1px solid #1d2a41}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar small{font-size:11px;color:var(--muted);margin-top:3px}.menu-btn{display:none}.user-chip{display:flex;align-items:center;gap:9px;background:#101a2b;border:1px solid #2b3d5d;border-radius:12px;padding:7px 8px 7px 12px}.user-chip span{font-size:10px;color:var(--muted)}.user-chip b{font-size:13px}.user-chip i{width:32px;height:32px;border-radius:10px;background:#20304c;display:grid;place-items:center;font-style:normal}.content{max-width:1400px;margin:0 auto;padding:28px}.page{display:none}.page.active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px}.hero h2{font-size:27px;margin:0 0 7px;letter-spacing:-.8px}.hero p{margin:0;color:var(--muted);font-size:13px}.live{font-size:11px;font-weight:800;color:#75dfba;border:1px solid #285545;background:#10231f;padding:8px 11px;border-radius:999px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52daa9;margin-right:5px}.card{background:linear-gradient(180deg,rgba(17,26,43,.96),rgba(12,19,32,.96));border:1px solid rgba(66,86,119,.46);border-radius:17px;box-shadow:var(--shadow)}.pad{padding:18px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{border:1px solid #334967;background:#152238;color:#edf2fb;padding:10px 13px;border-radius:10px;font-weight:800;font-size:12px;cursor:pointer}.btn:hover{border-color:#526f9e}.btn.primary{background:linear-gradient(180deg,#628cff,#4670e8);border-color:#6b94ff}.btn.danger{color:#ff9aa4;border-color:#6b3640;background:#25161c}.btn.ghost{background:#0d1624}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;color:#a8b7ca;font-size:11px;font-weight:700}.field input,.admin-form input,.admin-form select,.price-row input{width:100%;border:1px solid #2c405f;background:#0d1726;color:#fff;padding:11px 12px;border-radius:10px;outline:none}.field input:focus,.admin-form input:focus,.admin-form select:focus,.price-row input:focus{border-color:#5c86ff;box-shadow:0 0 0 3px rgba(92,134,255,.12)}.feed-card{overflow:hidden}.feed-head,.feed-row{display:grid;grid-template-columns:120px minmax(260px,1fr) 85px 90px;gap:12px;align-items:center}.feed-head{padding:11px 16px;color:#667c99;font-size:10px;font-weight:900;border-bottom:1px solid #263650}.feed-row{padding:14px 16px;border-top:1px solid rgba(38,54,80,.72);font-size:12px}.feed-row:first-child{border-top:0}.feed-type{width:max-content;padding:5px 8px;border-radius:7px;background:#182743;color:#94b1ff;font-size:10px;font-weight:800}.feed-user{display:none}.feed-status{color:#65d9ad;font-size:11px;font-weight:900}.feed-time{color:var(--muted);font-size:11px}.empty{padding:40px;text-align:center;color:#7387a3;font-size:12px}.big-service{display:flex;flex-direction:column;justify-content:center;min-height:300px}.service-icon{width:56px;height:56px;border-radius:17px;background:#1b3159;display:grid;place-items:center;font-size:24px;margin-bottom:18px}.big-service h3{font-size:22px;margin:0 0 8px}.big-service p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px}.price-line{display:flex;justify-content:space-between;border:1px dashed #3d506e;padding:12px 13px;border-radius:11px;margin-bottom:13px;font-size:12px}.price-line span,.output span{color:var(--muted)}.card-title{margin:0 0 13px;font-size:14px}.output{border:1px dashed #3c4f6a;background:#09121f;border-radius:12px;padding:12px 14px;margin-bottom:13px}.output>div{display:flex;justify-content:space-between;gap:14px;margin:9px 0;font-size:12px}.output b{text-align:right}.button-row{display:flex;gap:9px}.button-row .btn{flex:1}.legal-note{font-size:10px;color:#7f93ad;line-height:1.5}.legal-note a{color:#9db6ff}.premium-cards{margin-top:16px}.premium-card{padding:18px}.premium-card h3{margin:0 0 8px}.premium-card .premium-price{font-size:23px;font-weight:900;margin-bottom:14px}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.preset-grid button,.panel-choice{border:1px solid #2c405f;background:#101b2c;color:#a9bad0;border-radius:10px;padding:10px 8px;cursor:pointer}.preset-grid button:hover,.preset-grid button.active,.panel-choice.active{border-color:#5b82e7;background:#192b4b;color:#fff}.charge-presets{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.charge-presets small{display:block;color:#74ddb3}.panel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.panel-choice{text-align:left}.panel-choice b{display:block;color:#f2f5fa;font-size:12px}.panel-choice small{font-size:10px}.warning{border:1px solid #5c482a;background:#211b10;color:#e6c98c;padding:11px 12px;border-radius:10px;font-size:11px;line-height:1.6}.warning.soft{margin-top:13px;border-color:#314862;background:#0e1a29;color:#9cb0c8}.wallet{font-family:ui-monospace,monospace;word-break:break-all;background:#09121e;border:1px solid #253a58;border-radius:11px;padding:14px;margin-bottom:12px;font-size:12px;color:#dce7f4;min-height:48px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 11px}.section-head h3{font-size:15px;margin:0}.section-head span{font-size:11px;color:var(--muted)}.stat-card{padding:17px}.stat-card small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.stat-card b{font-size:21px}.integration-list{display:flex;flex-wrap:wrap;gap:9px}.integration-item{border:1px solid #2b3f5e;border-radius:10px;padding:9px 11px;font-size:11px;color:#a8b8cc}.integration-item.ready{color:#69d9ae;border-color:#2b6b58}.integration-item.required:not(.ready){color:#ff9aa4;border-color:#713946}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #253650;white-space:nowrap}th{color:#758aa7;font-size:10px}td{color:#dbe4f1}.tiny{padding:6px 8px;font-size:10px}.admin-form{display:grid;grid-template-columns:160px 1fr 160px;gap:9px}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-row{border:1px solid #263a57;border-radius:11px;padding:12px}.price-row label{display:block;color:#98abc3;font-size:10px;margin-bottom:7px}.price-row .meta{font-size:10px;color:#7488a3;line-height:1.6;margin-top:7px}.toast{position:fixed;right:20px;bottom:20px;background:#16233a;border:1px solid #39527a;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:99;max-width:360px}.toast.show{opacity:1;transform:none}.toast.error{border-color:#7b3b45;background:#25161c}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:linear-gradient(180deg,#121b2c,#0d1624);border:1px solid #2a3d5c;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.auth-brand{margin-bottom:20px}.auth-brand h1{font-size:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b1422;border:1px solid #263955;padding:4px;border-radius:11px;margin-bottom:16px}.tab{border:0;background:transparent;color:#8598b2;padding:9px;border-radius:8px;font-weight:800;cursor:pointer}.tab.active{background:#192b49;color:#fff}.auth-form label{display:flex;flex-direction:column;gap:7px;color:#a8b8cb;font-size:11px;font-weight:700;margin-bottom:12px}.auth-form input{border:1px solid #2d4161;background:#0b1422;color:#fff;padding:12px;border-radius:10px}.auth-note{text-align:center;color:#667c98;font-size:10px;margin:14px 0 0}@media(max-width:1000px){.grid.four{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:repeat(3,1fr)}.grid.three{grid-template-columns:1fr}.feed-head,.feed-row{grid-template-columns:90px 95px minmax(180px,1fr) 70px 75px}.content{padding:20px}}@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.2s}.sidebar.open{left:0}.menu-btn{display:block;border:1px solid #2b3d5c;background:#101a2b;color:#fff;border-radius:9px;padding:7px 9px}.topbar{padding:0 14px}.content{padding:16px}.grid.two,.grid.four{grid-template-columns:1fr}.hero h2{font-size:23px}.user-chip span{display:none}.feed-card{overflow:auto}.feed-head,.feed-row{min-width:720px}.preset-grid{grid-template-columns:repeat(2,1fr)}.charge-presets{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:repeat(2,1fr)}.admin-form{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}}
.price-admin-note{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #304867;background:#0d1929;border-radius:12px;padding:12px 14px;margin-bottom:16px}.price-admin-note b{font-size:13px}.price-admin-note span{font-size:10px;color:var(--muted);text-align:right}.price-group+.price-group{margin-top:18px}.price-group-title{font-size:12px;font-weight:900;color:#cbd7e7;margin:0 0 9px;padding-left:2px}.price-row-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.price-row-head label{margin:0!important;font-size:11px!important;color:#c8d5e6!important;font-weight:800}.price-row-head small{color:#7086a3;font-size:9px}.price-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #2c405f;background:#0d1726;border-radius:10px;overflow:hidden}.price-input-wrap:focus-within{border-color:#5c86ff;box-shadow:0 0 0 3px rgba(92,134,255,.12)}.price-input-wrap input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.price-input-wrap span{padding:0 11px;color:#7187a4;font-size:9px;font-weight:900}.profit-preview{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid rgba(48,69,99,.55);margin-top:9px;padding-top:9px;font-size:10px}.profit-preview span{color:#7f94af}.profit-preview b{color:#64d7aa}.profit-preview b.negative{color:#ff8792}.input-error{outline:1px solid #ff7b88!important}.price-save-bar{position:sticky;bottom:10px;margin-top:18px;padding:10px 11px;border:1px solid #344b6d;background:rgba(13,23,38,.96);backdrop-filter:blur(10px);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.price-save-bar span{font-size:10px;color:#8297b1}.price-save-bar .btn{min-width:150px}@media(max-width:760px){.price-admin-note,.price-save-bar{align-items:stretch;flex-direction:column}.price-admin-note span{text-align:left}.price-save-bar .btn{width:100%}}

.manual-tag{display:none!important}

/* FINAL: PC + mobile responsive polish */
.sidebar-backdrop{display:none}
.cancel-safety{margin-top:11px;padding:10px 11px;border-radius:10px;border:1px solid #354a66;background:#0c1726;color:#8296af;font-size:10px;line-height:1.65}
.output b,.feed-desc{overflow-wrap:anywhere;word-break:break-word}
@media(min-width:1400px){
  .app{grid-template-columns:270px minmax(0,1fr)}
  .sidebar{padding-left:20px;padding-right:20px}
  .content{max-width:1540px;padding:32px 38px}
  .grid.two{gap:20px}.grid.three,.grid.four{gap:18px}
  .big-service{min-height:320px}
}
@media(min-width:761px) and (max-width:1100px){
  .app{grid-template-columns:218px minmax(0,1fr)}
  .sidebar{padding:18px 11px}
  .brand{padding-left:5px;padding-right:5px}
  .nav-btn{padding:10px 8px;font-size:13px}
  .topbar{padding:0 20px}
  .content{padding:22px 20px}
  .grid.two{grid-template-columns:1fr}
  .premium-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feed-head,.feed-row{grid-template-columns:100px minmax(0,1fr) 70px 76px;min-width:0}
}
@media(max-width:760px){
  body.menu-open{overflow:hidden}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(2,7,14,.68);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s;z-index:19}
  .sidebar-backdrop.open{opacity:1;pointer-events:auto}
  .sidebar{width:min(82vw,290px);left:calc(-1 * min(82vw,290px));padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:20px 0 45px rgba(0,0,0,.35)}
  .sidebar.open{left:0}
  .topbar{min-height:64px;height:auto;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:9px}
  .topbar>div:first-of-type{flex:1;min-width:0}
  #topTitle{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #topSub{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
  .menu-btn{flex:0 0 auto;min-width:42px;min-height:42px;font-size:18px}
  .user-chip{flex:0 0 auto;padding:6px 7px;gap:5px;border-radius:11px}
  .user-chip b{font-size:11px}.user-chip i{width:29px;height:29px;border-radius:9px}
  .content{padding:18px max(12px,env(safe-area-inset-right)) 28px max(12px,env(safe-area-inset-left))}
  .hero{align-items:flex-start;margin-bottom:14px;gap:10px}.hero h2{font-size:22px;line-height:1.25}.hero p{font-size:11px;line-height:1.6}.live{padding:6px 9px;white-space:nowrap}
  .card{border-radius:14px}.pad{padding:15px}
  .big-service{min-height:0}.service-icon{width:50px;height:50px;margin-bottom:14px}.big-service h3{font-size:20px}.big-service p{margin-bottom:15px}
  .price-line{padding:11px;font-size:11px}
  .button-row{flex-direction:column}.button-row .btn{width:100%;min-height:44px}
  .btn{min-height:44px;padding:11px 12px}
  .field input,.admin-form input,.admin-form select,.price-row input,.auth-form input{font-size:16px;min-height:44px}
  .output{padding:10px 12px}.output>div{align-items:flex-start;margin:10px 0}.output>div span{flex:0 0 42%;font-size:11px}.output>div b{flex:1;min-width:0;font-size:11px}
  .feed-card{overflow:visible;background:transparent;border:0;box-shadow:none}
  .feed-head{display:none}
  .feed-body{display:grid;gap:9px}
  .feed-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type status" "desc desc" "time time";gap:7px 10px;padding:13px 14px;border:1px solid rgba(66,86,119,.46)!important;border-radius:13px;background:linear-gradient(180deg,rgba(17,26,43,.96),rgba(12,19,32,.96));font-size:11px}
  .feed-type{grid-area:type}.feed-desc{grid-area:desc;color:#dce5f2;line-height:1.55}.feed-status{grid-area:status;justify-self:end}.feed-time{grid-area:time;text-align:right;font-size:10px}
  .preset-grid,.charge-presets,.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .panel-choice{min-height:54px}.premium-cards{gap:10px}.premium-card{padding:15px}.premium-card .premium-price{font-size:20px}
  .wallet{font-size:11px;padding:12px;line-height:1.5}
  .section-head{align-items:flex-start;gap:8px}.section-head span{max-width:55%;text-align:right;line-height:1.4}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:620px}
  .admin-form{grid-template-columns:1fr;gap:8px}.price-grid{grid-template-columns:1fr}
  .toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none;text-align:center}
  .auth-shell{padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.auth-card{padding:20px 16px;border-radius:16px}
}
@media(max-width:390px){
  .brand-logo{width:38px;height:38px}.brand b{font-size:18px}
  .content{padding-left:10px;padding-right:10px}.hero h2{font-size:20px}
  .preset-grid,.charge-presets,.panel-grid{grid-template-columns:1fr 1fr}
  .panel-choice{padding:9px 6px}.panel-choice b{font-size:11px}
  .user-chip i{display:none}
}


/* final: provider order monitor */
.orders-table{min-width:1050px}
.order-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid #334b6b;background:#101b2c;color:#a9bad0;font-size:10px;font-weight:900}
.order-badge.done{color:#68dbad;border-color:#2c6655;background:#10231f}.order-badge.pending{color:#9bb7ff;border-color:#36548a;background:#12213b}.order-badge.review{color:#ffd18a;border-color:#765d32;background:#2a2112}.order-badge.partial{color:#e7c97f;border-color:#68552e;background:#241e12}.order-badge.refunded{color:#ff9aa4;border-color:#6d3b43;background:#25161c}
.order-error{margin-top:5px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9aa71;font-size:9px}.order-actions{white-space:nowrap}.order-actions .btn{margin:2px}.order-empty{text-align:center!important;color:#7185a0!important;padding:26px!important}
@media(max-width:760px){.orders-table{min-width:980px}.orders-table th,.orders-table td{padding:10px 11px}}

.auto-email-note{margin:10px 0 8px;padding:10px 12px;border-radius:10px;background:#0d1d2d;border:1px solid #24415d;color:#91a8c3;font-size:11px;line-height:1.55}.button-row #numberCancelBtn:only-child{flex:1;width:100%}


/* v14: detailed live feed, history and structured admin log */
.history-card{overflow:hidden}.history-head,.history-row{display:grid;grid-template-columns:120px minmax(260px,1fr) 150px 90px 170px;gap:12px;align-items:center}.history-head{padding:11px 16px;color:#667c99;font-size:10px;font-weight:900;border-bottom:1px solid #263650}.history-row{padding:14px 16px;border-top:1px solid rgba(38,54,80,.72);font-size:12px}.history-row:first-child{border-top:0}.history-service{width:max-content;padding:5px 8px;border-radius:7px;background:#182743;color:#94b1ff;font-size:10px;font-weight:800}.history-desc{overflow-wrap:anywhere}.history-amount{font-weight:800}.history-amount small{display:block;margin-top:3px;color:#eab56e;font-size:9px}.history-status{color:#65d9ad;font-size:11px;font-weight:900}.history-time{color:var(--muted);font-size:10px}.order-detail{font-size:9px;color:#7f93ad;margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.manual-log-panel{padding:14px}.manual-log-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) 150px;gap:10px;align-items:end}.manual-log-grid label{display:flex;flex-direction:column;gap:7px;color:#8fa4be;font-size:10px;font-weight:800}.manual-log-grid select,.manual-log-grid input{width:100%;border:1px solid #2c405f;background:#0d1726;color:#fff;padding:11px 12px;border-radius:10px;outline:none;min-height:42px}.manual-log-submit{min-height:42px}.manual-log-preview{margin-top:12px;border:1px dashed #334b6d;background:#0a1422;border-radius:10px;padding:11px 12px;color:#a9bad0;font-size:11px}.manual-extra.hidden{display:none!important}
@media(max-width:1100px){.manual-log-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.history-head,.history-row{grid-template-columns:100px minmax(220px,1fr) 130px 80px 150px}}
@media(max-width:760px){.history-card{overflow:visible;background:transparent;border:0;box-shadow:none}.history-head{display:none}.history-body{display:grid;gap:9px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"service status" "desc desc" "amount amount" "time time";gap:7px 10px;padding:13px 14px;border:1px solid rgba(66,86,119,.46)!important;border-radius:13px;background:linear-gradient(180deg,rgba(17,26,43,.96),rgba(12,19,32,.96));min-width:0}.history-service{grid-area:service}.history-desc{grid-area:desc}.history-amount{grid-area:amount}.history-status{grid-area:status;justify-self:end}.history-time{grid-area:time;text-align:right}.manual-log-grid{grid-template-columns:1fr}.manual-log-submit{width:100%}}


/* v16: readable issued values, one-click copy, CatFee API resale admin */
.value-copy{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1}.value-copy b{min-width:0;text-align:right}.copy-mini{flex:0 0 auto;border:1px solid #344d70;background:#13213a;color:#a9c1ff;border-radius:7px;padding:5px 9px;min-height:28px;font-size:9px;font-weight:900;cursor:pointer}.copy-mini:hover:not(:disabled){border-color:#5b83ff;background:#1b3158;color:#fff}.copy-mini:disabled{opacity:.35;cursor:not-allowed}
.catfee-resale-admin{display:grid;gap:14px}.resale-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.resale-head>div{display:grid;gap:5px}.resale-head b{font-size:14px}.resale-head small{color:#8297b1;font-size:10px;line-height:1.5}.resale-switch{display:flex;align-items:center;gap:8px;border:1px solid #304665;background:#0d1828;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;color:#9cb1ca;cursor:pointer}.resale-switch input{accent-color:#5c86ff}.resale-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resale-meta>div,.resale-periods>div{border:1px solid #293d5c;background:#0c1625;border-radius:11px;padding:11px 12px;display:grid;gap:6px}.resale-meta span,.resale-periods span{color:#8095af;font-size:9px}.resale-meta b,.resale-periods b{font-size:11px}.resale-meta b.ok{color:#66dcae}.resale-meta b.warn{color:#ffca7d}.resale-error{border:1px solid #674554;background:#25161d;color:#ff9eaa;border-radius:10px;padding:10px 11px;font-size:10px;overflow-wrap:anywhere}.resale-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resale-periods small{font-size:9px;color:#7e93ad}
@media(max-width:760px){.value-copy{justify-content:flex-end}.copy-mini{min-height:34px;padding:6px 10px}.resale-head{align-items:flex-start;flex-direction:column}.resale-switch{width:100%;justify-content:center;min-height:42px}.resale-meta,.resale-periods{grid-template-columns:1fr}}

/* v18 — TELEPAN midnight chrome visual system */
:root{
  --bg:#020812;
  --panel:#07111f;
  --panel2:#050d18;
  --line:#1d3454;
  --text:#f6f9ff;
  --muted:#7f96b3;
  --accent:#3f7cff;
  --accent2:#78a9ff;
  --chrome:#dfe8f5;
  --chrome2:#7f91aa;
  --green:#4ee2b0;
  --danger:#ff7d8d;
  --warn:#f1c46f;
  --shadow:0 24px 70px rgba(0,0,0,.38),0 0 0 1px rgba(86,132,216,.04);
}
html{background:#01060f}
body{
  background:
    radial-gradient(circle at 77% -8%,rgba(55,113,255,.16),transparent 28%),
    radial-gradient(circle at 36% 8%,rgba(24,67,141,.12),transparent 22%),
    linear-gradient(145deg,#020812 0%,#050c17 48%,#020710 100%);
  color:var(--text);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:42px 42px;
}
.sidebar{
  width:auto;background:linear-gradient(180deg,rgba(2,8,18,.98),rgba(3,10,21,.94));
  border-right:1px solid rgba(87,130,201,.22);box-shadow:18px 0 60px rgba(0,0,0,.22);
}
.brand-image-wrap{padding:0 4px 18px;display:block}
.sidebar-logo-image{display:block;width:100%;height:78px;object-fit:cover;object-position:center 52%;border-radius:12px;filter:saturate(1.03) contrast(1.04);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.nav-btn{color:#96a9c0;border-radius:12px;padding:12px 12px;letter-spacing:-.15px}
.nav-btn:hover{background:linear-gradient(90deg,rgba(32,70,127,.28),rgba(14,31,57,.14));border-color:rgba(70,118,202,.2);color:#f7fbff}
.nav-btn.active{background:linear-gradient(90deg,rgba(49,104,216,.34),rgba(16,36,68,.18));border-color:rgba(93,145,255,.48);box-shadow:inset 0 0 20px rgba(63,124,255,.08),0 0 22px rgba(43,101,221,.08)}
.nav-btn.active span{color:#82afff;text-shadow:0 0 14px rgba(91,146,255,.65)}
.topbar{background:rgba(2,8,17,.76);border-bottom:1px solid rgba(79,119,184,.22);box-shadow:0 12px 35px rgba(0,0,0,.16)}
#topTitle{font-weight:900;letter-spacing:-.35px;color:#f5f8fe}
.user-chip{background:linear-gradient(180deg,rgba(11,24,43,.94),rgba(7,17,31,.94));border-color:#28466f;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.user-chip i{background:linear-gradient(145deg,#1d3151,#0c182a);border:1px solid rgba(103,145,214,.24);color:#bcd1ff}
.content{max-width:1480px;padding-top:31px}
.hero h2,.section-head h3,.card-title{
  color:#f4f8ff;text-shadow:0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(74,129,255,.06);
}
.hero h2{font-weight:950;letter-spacing:-1px}
.hero p{color:#89a1be}
.card{
  background:linear-gradient(160deg,rgba(9,20,37,.96),rgba(4,12,24,.98));
  border:1px solid rgba(61,103,166,.42);
  box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.card:hover{border-color:rgba(72,122,200,.5)}
.btn{background:linear-gradient(180deg,#0e213a,#09172a);border-color:#2a4c78;color:#eaf2ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.btn:hover{border-color:#4d7fca;background:linear-gradient(180deg,#132d4e,#0b1d34)}
.btn.primary{background:linear-gradient(180deg,#5f91ff 0%,#3269e7 52%,#204dbb 100%);border-color:#76a2ff;box-shadow:0 10px 24px rgba(48,103,229,.24),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.primary:hover{filter:brightness(1.06);box-shadow:0 12px 30px rgba(48,103,229,.34)}
.field input,.admin-form input,.admin-form select,.price-row input,.manual-log-grid select,.manual-log-grid input,.auth-form input{
  background:#040d19;border-color:#274263;color:#f5f9ff;
}
.field input:focus,.admin-form input:focus,.admin-form select:focus,.price-row input:focus,.manual-log-grid select:focus,.manual-log-grid input:focus,.auth-form input:focus{
  border-color:#5f91ff;box-shadow:0 0 0 3px rgba(63,124,255,.13),0 0 24px rgba(63,124,255,.08)
}
.feed-head,.history-head{background:rgba(10,24,43,.36);color:#7292ba;border-bottom-color:#284263}
.feed-row,.history-row{border-top-color:rgba(40,66,99,.72)}
.feed-row:hover,.history-row:hover{background:rgba(39,82,151,.07)}
.feed-type,.history-service{background:linear-gradient(180deg,#17396c,#10284c);color:#a9c6ff;border:1px solid rgba(94,144,231,.22)}
.feed-status,.history-status{color:#5fe6b2;text-shadow:0 0 12px rgba(95,230,178,.18)}
.service-icon{background:radial-gradient(circle at 35% 30%,#315ba3,#11284d 54%,#0a1730 100%);border:1px solid rgba(101,151,240,.34);box-shadow:0 12px 30px rgba(36,89,186,.22),inset 0 1px 0 rgba(255,255,255,.08)}
.price-line,.output{border-color:#34547e;background:linear-gradient(180deg,#06101e,#040b15)}
.preset-grid button,.panel-choice{background:linear-gradient(180deg,#0b1a2e,#071323);border-color:#29476d}
.preset-grid button:hover,.preset-grid button.active,.panel-choice.active{background:linear-gradient(180deg,#173764,#0f274a);border-color:#5f91ff;box-shadow:0 0 22px rgba(63,124,255,.11)}
.wallet{background:#030a13;border-color:#28496f;color:#e9f1ff}
.live{color:#74ecc0;border-color:#25654f;background:rgba(8,40,31,.76);box-shadow:0 0 22px rgba(78,226,176,.08)}
.copy-mini{background:linear-gradient(180deg,#14325a,#0c2341);border-color:#3f6da9;color:#c3d6ff}
.copy-mini:hover:not(:disabled){background:linear-gradient(180deg,#1d4b87,#103262);border-color:#6e9eff}
.stat-card{position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(75,133,255,.10),transparent 68%);pointer-events:none}
.stat-card b{color:#f4f8ff;letter-spacing:-.35px}
.integration-item{background:#06101d;border-color:#284568}
.orders-table,.table-wrap table{background:transparent}
th{color:#7392b7}td{color:#dce6f5}

/* Login / registration — full logo treatment */
.auth-shell{
  position:relative;overflow:hidden;background:
  radial-gradient(circle at 67% 18%,rgba(54,114,255,.20),transparent 23%),
  radial-gradient(circle at 50% 58%,rgba(15,42,87,.25),transparent 34%),
  linear-gradient(145deg,#01050d,#04101f 48%,#01050c);
}
.auth-shell:before{content:"";position:absolute;width:min(920px,88vw);height:min(560px,56vw);right:-8%;top:-12%;background:url('/telepan-logo.png') center/contain no-repeat;opacity:.10;filter:blur(.2px);pointer-events:none}
.auth-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 26%,transparent 0 14%,rgba(3,9,18,.18) 44%,rgba(1,5,12,.72) 78%);pointer-events:none}
.auth-card{position:relative;z-index:1;width:min(470px,100%);background:linear-gradient(165deg,rgba(8,20,37,.94),rgba(3,10,20,.97));border-color:rgba(77,126,202,.5);box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 60px rgba(55,111,236,.09);padding:22px}
.auth-brand-logo{display:block;margin:-4px -4px 18px}
.auth-logo-image{display:block;width:100%;height:190px;object-fit:cover;object-position:center 49%;border-radius:15px;border:1px solid rgba(84,133,211,.24);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.tabs{background:#030b16;border-color:#274568}
.tab.active{background:linear-gradient(180deg,#183864,#102749);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.auth-note{color:#627c9c}

/* Chrome title accent, inspired by the supplied mark */
.hero h2:after{content:"";display:block;width:52px;height:2px;margin-top:9px;background:linear-gradient(90deg,transparent,#6b9cff 32%,#c7dcff 62%,transparent);box-shadow:0 0 12px rgba(94,148,255,.38)}

@media(max-width:1000px){
  .sidebar-logo-image{height:68px}
}
@media(max-width:760px){
  body{background:linear-gradient(145deg,#020812,#050d19 58%,#020710)}
  .sidebar{background:linear-gradient(180deg,#020814,#050d19)}
  .brand-image-wrap{padding:0 4px 15px}
  .sidebar-logo-image{height:74px;object-position:center 50%}
  .topbar{background:rgba(2,8,17,.92)}
  .card{box-shadow:0 12px 32px rgba(0,0,0,.24)}
  .auth-shell:before{width:145vw;height:78vw;right:-40%;top:-5%;opacity:.07}
  .auth-card{padding:16px 14px}
  .auth-logo-image{height:152px;border-radius:13px}
  .hero h2:after{margin-top:7px}
}
@media(max-width:390px){
  .auth-logo-image{height:132px}
}


/* v19 — topbar / logo-led refinements */
.topbar-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-copy{display:flex;flex-direction:column;min-width:0}
.topbar-logo-mini{width:74px;height:48px;object-fit:cover;object-position:center 52%;border-radius:10px;border:1px solid rgba(92,138,218,.24);background:linear-gradient(180deg,#07101d,#040913);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.main{position:relative}
.main:before{content:"";position:fixed;right:2.8%;bottom:2.4%;width:min(360px,28vw);height:min(360px,28vw);background:url('/telepan-logo.png') center/contain no-repeat;opacity:.045;pointer-events:none;filter:saturate(1.04) blur(.15px)}
.hero{position:relative}
.hero:after{content:"";position:absolute;right:0;top:-6px;width:140px;height:80px;background:radial-gradient(circle at 74% 28%,rgba(100,146,255,.18),transparent 38%),radial-gradient(circle at 18% 72%,rgba(39,97,235,.12),transparent 44%);pointer-events:none}
#page-feed .card,#page-number .card,#page-premium .card,#page-panel .card,#page-charge .card,#page-history .card,#page-admin .card{backdrop-filter:blur(8px)}
.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:190px;background:linear-gradient(180deg,rgba(62,116,255,.10),transparent 78%);pointer-events:none}
.sidebar-logo-image{border:1px solid rgba(95,147,255,.20);background:#020814}
.user-chip{gap:10px}
.user-chip b{letter-spacing:-.2px}
@media(max-width:760px){.topbar-title-wrap{gap:10px}.topbar-logo-mini{width:58px;height:40px}.main:before{width:46vw;height:46vw;right:-7vw;bottom:12vw;opacity:.05}}


/* v20 — restrained, natural Telepan brand treatment */
:root{
  --bg:#050b14;
  --panel:#0b1422;
  --panel2:#08111d;
  --line:#223653;
  --text:#f4f7fb;
  --muted:#8294aa;
  --accent:#4d7ff0;
  --accent2:#78a2ff;
  --green:#4ed9a7;
  --shadow:0 14px 36px rgba(0,0,0,.22);
}
html{background:#050b14}
body{
  background:linear-gradient(180deg,#07101c 0%,#050b14 38%,#050b14 100%);
}
body:before{display:none}
.app{grid-template-columns:226px minmax(0,1fr)}
.sidebar{
  padding:16px 12px;
  background:#060d17;
  border-right:1px solid #1b2a40;
  box-shadow:none;
}
.sidebar:before{display:none}
.brand-image-wrap{
  padding:0 3px 16px;
  margin-bottom:6px;
  border-bottom:1px solid rgba(83,112,153,.14);
}
.sidebar-logo-image{
  width:100%;
  height:66px;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:none;
}
.nav-btn{
  min-height:44px;
  padding:10px 11px;
  border-radius:10px;
  color:#9aaac0;
}
.nav-btn:hover{background:#0b1728;border-color:transparent}
.nav-btn.active{
  background:#10203a;
  border-color:#315489;
  box-shadow:none;
}
.nav-btn.active span{color:#8db0ff;text-shadow:none}
.topbar{
  height:66px;
  padding:0 24px;
  background:#07101b;
  border-bottom:1px solid #1b2a40;
  box-shadow:none;
  backdrop-filter:none;
}
.topbar-copy{display:flex;flex-direction:column;min-width:0}
#topTitle{font-size:14px;letter-spacing:-.2px}
.topbar small{color:#758aa3}
.topbar-logo-mini{display:none!important}
.user-chip{
  background:#0c1728;
  border-color:#2a4264;
  box-shadow:none;
  padding:6px 7px 6px 10px;
}
.user-chip i{background:#1a2a43;border:0}
.content{max-width:1320px;padding:30px 26px 48px}
.main:before{display:none}
.hero{margin-bottom:18px}
.hero:after{display:none}
.hero h2{
  font-size:26px;
  font-weight:900;
  letter-spacing:-.9px;
  text-shadow:none;
}
.hero h2:after{
  width:40px;
  height:2px;
  margin-top:8px;
  background:#4d7ff0;
  box-shadow:none;
}
.hero p{color:#8094ac}
.card{
  background:#0a1422;
  border:1px solid #223754;
  box-shadow:none;
  border-radius:14px;
  backdrop-filter:none!important;
}
.card:hover{border-color:#2a4569}
.feed-head,.history-head{background:#0d1929;color:#7890ae}
.feed-row:hover,.history-row:hover{background:#0d1a2b}
.feed-type,.history-service{
  background:#132745;
  border:0;
  color:#a8c3ff;
}
.btn{
  background:#102039;
  border-color:#2b466c;
  box-shadow:none;
}
.btn:hover{background:#142947}
.btn.primary{
  background:#4d7ff0;
  border-color:#5e8cf4;
  box-shadow:none;
}
.btn.primary:hover{background:#5b88f1;filter:none;box-shadow:none}
.service-icon{
  background:#142849;
  border:0;
  box-shadow:none;
}
.price-line,.output{background:#07111d;border-color:#2a4261}
.wallet{background:#07111d}
.stat-card:after{display:none}
.live{box-shadow:none}
.auth-shell{
  background:linear-gradient(135deg,#050b14 0%,#091424 50%,#050b14 100%);
}
.auth-shell:before{
  width:min(860px,78vw);
  height:min(480px,50vw);
  right:-12%;
  top:2%;
  opacity:.055;
  filter:none;
}
.auth-shell:after{display:none}
.auth-card{
  background:#0a1422;
  border-color:#284061;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.auth-logo-image{
  height:160px;
  object-fit:contain;
  border:0;
  background:#060d17;
  box-shadow:none;
  padding:8px;
}
@media(max-width:760px){
  .app{grid-template-columns:1fr}
  .sidebar{padding-top:14px}
  .sidebar-logo-image{height:58px}
  .topbar{height:62px;padding:0 14px}
  .content{padding:22px 14px 36px}
  .hero h2{font-size:23px}
  .auth-logo-image{height:132px}
}


/* v20 — restrained brand integration */
.sidebar:before,.main:before,.hero:after{display:none!important}
.brand-clean{display:flex!important;align-items:center;gap:12px;padding:4px 7px 22px!important}
.sidebar-mark{width:46px;height:46px;flex:0 0 46px;border-radius:14px;object-fit:cover;box-shadow:0 8px 20px rgba(36,86,176,.22);border:1px solid rgba(116,160,232,.25)}
.brand-copy{min-width:0}.brand-copy b{display:block;font-size:18px;letter-spacing:-.5px;color:#f7f9fd}.brand-copy small{display:block;margin-top:3px;font-size:10px;color:#7086a2;white-space:nowrap}
.topbar-title-wrap{display:contents}.topbar-logo-mini{display:none!important}.topbar-copy{display:flex;flex-direction:column;min-width:0}
.topbar{height:68px;padding:0 24px}.topbar:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(85,132,205,.22),transparent);pointer-events:none}
.content{padding-top:26px}.hero{margin-bottom:17px}.hero h2{font-size:26px}.hero h2:after{width:44px;opacity:.8}
.card{border-color:rgba(52,84,130,.48);box-shadow:0 15px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02)}
.nav-btn{min-height:44px}.nav-btn.active{box-shadow:inset 2px 0 0 #6d9cff, inset 0 0 18px rgba(63,124,255,.06)}
.user-chip{min-width:150px;justify-content:flex-end}
@media(max-width:760px){.brand-clean{padding:2px 5px 18px!important}.sidebar-mark{width:42px;height:42px;flex-basis:42px}.brand-copy b{font-size:17px}.topbar{height:64px;padding:0 14px}.topbar:after{left:14px;right:14px}.content{padding-top:20px}.hero h2{font-size:23px}.user-chip{min-width:auto}}


/* v24 — Telegram contact menu */
.sidebar nav a.nav-btn{width:100%;text-decoration:none;box-sizing:border-box}
.contact-nav{margin-top:4px}
.contact-nav .tg-menu-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}
.contact-nav .tg-menu-icon svg{width:20px;height:20px;display:block;filter:drop-shadow(0 4px 8px rgba(42,171,238,.16))}
.contact-nav-text{width:auto!important;text-align:left!important}
.contact-nav:hover .tg-menu-icon svg{filter:drop-shadow(0 4px 10px rgba(42,171,238,.30))}
@media(max-width:760px){.contact-nav{min-height:44px}.contact-nav .tg-menu-icon svg{width:21px;height:21px}}


/* v26 — Partner system */
.referral-invite-note{margin:-2px 0 12px;padding:10px 12px;border:1px solid #31517c;border-radius:10px;background:#09182a;color:#9dbbdf;font-size:11px}
.partner-top-grid{margin-top:16px}.partner-rule{margin-top:12px;color:#8097b3;font-size:10px;line-height:1.65}.partner-credit{color:#62dfad;font-weight:900}.table-sub{display:block;margin-top:3px;color:#7188a5;font-size:9px}.partner-tag{display:block;width:max-content;margin-top:5px;padding:2px 6px;border:1px solid #39649c;border-radius:999px;background:#0e2647;color:#91b7ff;font-size:8px;letter-spacing:.6px}.member-admin-table input{width:105px;border:1px solid #294667;background:#050f1d;color:#f4f8ff;border-radius:8px;padding:7px 8px;font-size:11px}.member-price-control,.member-rate-control{display:grid;gap:4px}.member-price-control small,.member-rate-control small{color:#7188a5;font-size:8px}.partner-check{display:flex;align-items:center;gap:6px;color:#a6b6ca;font-size:10px;white-space:nowrap}.partner-check input{accent-color:#4f84ff}.partner-table td:nth-child(3) b{white-space:nowrap}
@media(max-width:760px){#page-partner .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-top-grid{grid-template-columns:1fr}.member-admin-table{min-width:1020px}.partner-table{min-width:760px}}


/* v28 — charge bonus notice */
.charge-bonus-banner{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:14px 16px;border:1px solid rgba(76,142,255,.38);border-radius:14px;background:linear-gradient(135deg,rgba(21,56,105,.58),rgba(8,24,46,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.charge-bonus-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:linear-gradient(145deg,#3977e8,#204b9d);color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 18px rgba(35,90,190,.22)}
.charge-bonus-banner>div:last-child{display:grid;gap:4px;min-width:0}.charge-bonus-banner b{font-size:13px;color:#f5f9ff}.charge-bonus-banner span{font-size:11px;line-height:1.55;color:#9fb4cf}.charge-bonus-banner strong{color:#62e1b0;font-weight:900}.charge-presets button[data-amount="100"],.charge-presets button[data-amount="200"]{border-color:rgba(74,137,237,.55);background:linear-gradient(180deg,#102846,#0b1c34)}.charge-presets button[data-amount="100"] small,.charge-presets button[data-amount="200"] small{color:#63e5b3;font-weight:900}.output #chargeBonusText.bonus-active{color:#63e5b3;text-shadow:0 0 12px rgba(99,229,179,.16)}
@media(max-width:760px){.charge-bonus-banner{align-items:flex-start;padding:13px}.charge-bonus-icon{width:34px;height:34px;flex-basis:34px}.charge-bonus-banner span{font-size:10px}}


/* v29 — panel selection fix + public-link warning */
.panel-choice{position:relative;z-index:1;pointer-events:auto;user-select:none;transition:border-color .16s ease,background .16s ease,transform .12s ease}
.panel-choice:active{transform:translateY(1px)}
.panel-choice.active:after{content:"✓";position:absolute;right:8px;top:7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#3777ef;color:#fff;font-size:10px;font-weight:900;box-shadow:0 0 14px rgba(55,119,239,.28)}
.panel-policy-warning{display:grid;gap:7px;margin-top:13px;border-color:#76562b;background:linear-gradient(180deg,#241b0d,#171109);color:#e8c78c}
.panel-policy-warning b{color:#ffd48a;font-size:12px}
.panel-policy-warning span{display:block;line-height:1.65}
.panel-policy-warning strong{color:#fff1c9}
.panel-policy-agree{display:flex;align-items:flex-start;gap:9px;margin:11px 0 0;padding:10px 11px;border:1px solid #2b4568;background:#081321;border-radius:10px;color:#9eb2ca;font-size:10px;line-height:1.55;cursor:pointer}
.panel-policy-agree input{margin-top:2px;accent-color:#4e83ef;flex:0 0 auto}
@media(max-width:760px){.panel-policy-warning{font-size:11px}.panel-policy-agree{font-size:11px;min-height:44px}.panel-choice{min-height:58px}}


/* v31 — authorized auto-promotion */
.promo-safe-badge{padding:7px 11px;border:1px solid #315d4d;border-radius:999px;background:#0a211a;color:#6fe0b3;font-size:10px;font-weight:900}
.promo-notice{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;border-color:#28476f}.promo-notice b{white-space:nowrap;color:#a9c7ff}.promo-notice span{color:#8199b7;font-size:11px;line-height:1.65}
.promo-settings-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px 130px;gap:12px;align-items:end}.promo-settings-row>label:not(.partner-check){display:grid;gap:6px;color:#879db9;font-size:10px}.promo-settings-row input,.promo-add-grid input,.promo-textarea{width:100%;border:1px solid #294667;background:#040e1b;color:#f3f7ff;border-radius:10px;padding:11px 12px;outline:none}.promo-add-grid{display:grid;grid-template-columns:220px minmax(260px,1fr) 130px;gap:10px}.promo-textarea{min-height:150px;resize:vertical;font-family:ui-monospace,monospace;line-height:1.65;margin-bottom:12px}.promo-link{color:#8eb6ff;text-decoration:none}.promo-link:hover{text-decoration:underline}.promo-error-cell{max-width:360px;white-space:normal;color:#d7a6ad}.promo-purchase-card{max-width:560px;margin:18px 0}.promo-purchase-card h3{margin:0 0 7px}.promo-purchase-card p{color:#849bb7;font-size:11px;line-height:1.6}.promo-purchase-card .premium-price{font-size:27px;margin:18px 0}.promo-purchase-card .premium-price small{font-size:12px;color:#8298b4}
@media(max-width:900px){.promo-settings-row,.promo-add-grid{grid-template-columns:1fr 1fr}.promo-settings-row .btn,.promo-add-grid .btn{grid-column:1/-1}}
@media(max-width:760px){.promo-notice{flex-direction:column;gap:6px}.promo-settings-row,.promo-add-grid{grid-template-columns:1fr}.promo-settings-row .btn,.promo-add-grid .btn{grid-column:auto}#page-promo .table-wrap{overflow:auto}#page-promo table{min-width:760px}}

/* v33 MTProto user-account promo */
.promo-api-status{margin-bottom:10px}.promo-api-ok,.promo-api-warn{display:flex;flex-direction:column;gap:5px}.promo-api-ok b{color:#6ce0b4}.promo-api-warn b{color:#f1c46f}.promo-api-ok span,.promo-api-warn span{color:var(--muted);font-size:11px}.promo-account-verify{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,220px) minmax(180px,260px) auto;gap:10px;align-items:end;margin-bottom:10px}.promo-account-verify>div{display:flex;flex-direction:column;gap:4px}.promo-account-verify small,.promo-subtext{font-size:10px;color:var(--muted)}.promo-account-verify input,.mtproto-account-add input{border:1px solid #274263;background:#040d19;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.promo-availability-hint{margin:10px 0 13px;padding:10px 11px;border:1px solid #374867;background:#0b1524;border-radius:10px;color:#9fb0c7;font-size:11px}.promo-availability-hint.ready{border-color:#2d6b58;color:#6ce0b4;background:#0c211c}@media(max-width:900px){.promo-account-verify{grid-template-columns:1fr 1fr}.promo-account-verify>div{grid-column:1/-1}}@media(max-width:600px){.promo-account-verify{grid-template-columns:1fr}.promo-account-verify>*{grid-column:auto!important}}

/* v35 admin promo execution */
.promo-admin-run-card{margin-bottom:12px}.promo-admin-run-grid{display:grid;grid-template-columns:minmax(180px,260px) minmax(320px,1fr) auto;gap:10px;align-items:end}.promo-admin-run-grid label{display:grid;gap:6px;color:#879db9;font-size:10px}.promo-admin-run-grid select,.promo-admin-run-grid input{width:100%;border:1px solid #294667;background:#040e1b;color:#f3f7ff;border-radius:10px;padding:11px 12px;outline:none}.promo-admin-run-actions{display:flex;gap:8px}.promo-admin-state,.promo-send-policy{margin-top:12px;padding:11px 12px;border:1px solid #28476f;background:#071423;border-radius:10px;color:#91a9c5;font-size:11px;line-height:1.55}.promo-admin-state b,.promo-send-policy b{color:#75e0b6;margin-right:8px}.promo-send-policy{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}.promo-send-policy b{white-space:nowrap;color:#a9c7ff}.promo-send-policy span{color:#879db9}@media(max-width:900px){.promo-admin-run-grid{grid-template-columns:1fr}.promo-admin-run-actions{width:100%}.promo-admin-run-actions .btn{flex:1}}@media(max-width:600px){.promo-send-policy{flex-direction:column;gap:4px}}


/* v36 password recovery / member search / promo ETA */
.auth-tabs-3{grid-template-columns:repeat(3,1fr)}
.field-help,.auth-form .field-help{font-size:10px;color:#7690b1;font-weight:500;line-height:1.45;margin-top:2px}
.official-bot-link{display:block;text-align:center;margin-top:10px;border:1px solid #2c71a7;background:#0b2438;color:#7fd2ff;text-decoration:none;padding:10px;border-radius:10px;font-size:11px;font-weight:800}
.forgot-help{font-size:10px;color:#7890ad;line-height:1.6;margin:10px 2px 0}
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,5,12,.82);display:grid;place-items:center;padding:18px;backdrop-filter:blur(10px)}
.modal-card{width:min(430px,100%);background:linear-gradient(160deg,#0b1728,#050d18);border:1px solid #31527c;border-radius:18px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.modal-card h3{margin:0 0 7px;font-size:21px}.modal-card p{margin:0 0 18px;color:#8ea6c2;font-size:12px;line-height:1.6}.modal-card label{display:flex;flex-direction:column;gap:7px;color:#9eb1c8;font-size:11px;margin:12px 0}.modal-card input{border:1px solid #294667;background:#040d19;color:#fff;padding:12px;border-radius:10px}
.member-search-bar{display:flex;gap:10px;margin-bottom:10px}.member-search-bar input{flex:1;min-width:0;border:1px solid #294667;background:#040d19;color:#fff;padding:11px 12px;border-radius:10px}
.promo-countdown{font-variant-numeric:tabular-nums;color:#9ec1ff;font-weight:800;white-space:nowrap}
@media(max-width:760px){.auth-tabs-3{grid-template-columns:1fr}.tabs.auth-tabs-3{gap:3px}.member-search-bar{flex-direction:column}.modal-card{padding:18px 15px}}

/* v38 */
.promo-paused{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid #6b4a4a;background:#241518;color:#ff9aa4;font-size:10px;font-weight:800}


/* v41 — simplified user promo + exact subscription countdown */
.promo-plan-period{margin:0 0 12px;padding:10px 12px;border:1px solid #28476f;border-radius:10px;background:#071421;color:#9db7d8;font-size:11px;line-height:1.55}
.promo-subscription-summary{max-width:560px;margin:0 0 18px;border-color:#31527c;background:linear-gradient(160deg,rgba(9,25,45,.98),rgba(5,14,27,.98))}
.promo-subscription-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.promo-subscription-title span{color:#8fa7c5;font-size:11px}.promo-subscription-title b{font-size:25px;color:#f4f8ff}
.promo-subscription-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promo-subscription-meta span{display:grid;gap:5px;padding:10px 11px;border:1px solid #253f60;border-radius:10px;color:#7690b1;font-size:10px}.promo-subscription-meta b{color:#dce8f7;font-size:11px;font-weight:800}
@media(max-width:760px){.promo-subscription-meta{grid-template-columns:1fr}.promo-subscription-title b{font-size:22px}}
\n\n/* v48 — public SEO landing links */\n.auth-shell{overflow:auto}\n.seo-home-intro{width:min(760px,calc(100% - 28px));margin:18px auto 40px;padding:20px 22px;border:1px solid rgba(58,91,136,.45);border-radius:16px;background:linear-gradient(150deg,rgba(8,22,40,.88),rgba(4,12,24,.94));box-shadow:0 18px 48px rgba(0,0,0,.2);color:#dfeafa}\n.seo-kicker{display:block;margin-bottom:7px;color:#6f9dea;font-size:9px;font-weight:900;letter-spacing:1.4px}\n.seo-home-copy h1{margin:0 0 8px;font-size:21px;color:#f5f9ff}.seo-home-copy p{margin:0;color:#8fa8c6;font-size:11px;line-height:1.7}\n.seo-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.seo-home-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border:1px solid #294b78;border-radius:10px;background:#08182a;color:#a9c8ff;text-decoration:none;font-size:11px;font-weight:800}.seo-home-links a:hover{border-color:#4f83d7;background:#0b2038;color:#fff}.seo-independent{margin:13px 0 0;color:#627995;font-size:9px;line-height:1.5;text-align:center}\n@media(max-width:600px){.seo-home-intro{padding:16px 14px}.seo-home-links{grid-template-columns:1fr}.seo-home-copy h1{font-size:19px}}\n