/* PANEL V4 PATCH */
@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.theme-top{flex:0 0 auto}.notice.success{background:var(--green-soft);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 22%,transparent)}
.section-tabs{display:flex;gap:7px;width:max-content;max-width:100%;padding:5px;margin:2px 0 17px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.section-tabs a{height:39px;padding:0 16px;display:flex;align-items:center;gap:8px;border-radius:11px;text-decoration:none;color:var(--muted);font-size:12px}.section-tabs a.active{background:var(--blue);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--blue) 20%,transparent)}.section-tabs svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plan-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}.plan-row{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto 34px!important;gap:12px!important;align-items:center!important;padding:18px!important;border-radius:20px!important;min-height:210px}.plan-row .plan-avatar{grid-column:1}.plan-row .grow{grid-column:2}.plan-row>.status{grid-column:3}.plan-row>.more-btn{grid-column:4}.plan-row>div:not(.grow):not(.plan-avatar){background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:11px 12px}.plan-row>div:nth-of-type(3){grid-column:1 / span 2}.plan-row>div:nth-of-type(4){grid-column:3}.plan-row>div:nth-of-type(5){grid-column:4}.plan-row>div:not(.grow):not(.plan-avatar)>span{font-size:9px;color:var(--muted)}.plan-row>div:not(.grow):not(.plan-avatar)>b{font-size:13px;margin-top:4px}.plan-row .grow small{line-height:1.8}.muted-row{opacity:.58}
.ticket{min-height:0}.ticket-sub{color:var(--muted);font-size:10px;margin-top:8px}.ticket-message{white-space:normal;line-height:2!important}.admin-reply{margin-top:16px;padding:13px 14px;border-radius:14px;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 22%,transparent)}.admin-reply span{display:block;color:var(--green);font-size:10px;font-weight:700}.admin-reply p{margin:7px 0 0;line-height:1.9}.ticket-reply-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.ticket-reply-form label{display:block;margin-bottom:8px;font-size:11px;font-weight:700}.ticket-reply-form textarea{width:100%;min-height:88px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:var(--surface2);color:var(--text);outline:none;line-height:1.8}.ticket-reply-form textarea:focus{border-color:color-mix(in srgb,var(--blue) 60%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 10%,transparent)}.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.reply-actions small{color:var(--muted);font-size:9px}.reply-actions .primary-btn{height:38px}
.ui-drawer .ticket-reply-form{display:none}@media(max-width:1180px){.plan-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){.plan-list{grid-template-columns:1fr!important}.section-tabs{width:100%}.section-tabs a{flex:1;justify-content:center}.plan-row{grid-template-columns:42px 1fr auto 34px!important}.reply-actions{align-items:stretch;flex-direction:column}.reply-actions .primary-btn{width:100%}}

@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Medium.ttf') format('truetype');font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url('fonts/PeydaWebFaNum-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
:root{--bg:#f5f7fb;--surface:#fff;--surface2:#f8faff;--text:#101828;--muted:#7d8799;--line:#e7ebf3;--blue:#4e5cff;--blue2:#3946e7;--blue-soft:#eef0ff;--green:#19a974;--green-soft:#e8f8f2;--red:#e64c5e;--red-soft:#fff0f2;--amber:#d89112;--amber-soft:#fff6df;--shadow:0 12px 40px rgba(31,43,73,.08);--rail:82px;--radius:22px}html[data-theme=dark]{--bg:#0b1120;--surface:#111a2d;--surface2:#151f34;--text:#f4f7ff;--muted:#8d99ad;--line:#24314a;--blue:#6676ff;--blue2:#7b89ff;--blue-soft:#17234a;--green:#39d39a;--green-soft:#12342c;--red:#ff7182;--red-soft:#371d26;--amber:#ffc35c;--amber-soft:#382d18;--shadow:0 20px 50px rgba(0,0,0,.24)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Peyda,"Segoe UI",Tahoma,sans-serif;font-size:14px}body{background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 28%),var(--bg)}button,input,select{font:inherit}button,a{transition:.18s ease}.app{min-height:100vh}.rail{position:fixed;right:0;top:0;bottom:0;width:var(--rail);background:var(--surface);border-left:1px solid var(--line);z-index:70;display:flex;flex-direction:column;align-items:center;padding:18px 10px;box-shadow:0 0 30px color-mix(in srgb,var(--text) 4%,transparent)}.logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,var(--blue),#8a5cff);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:0 10px 24px color-mix(in srgb,var(--blue) 35%,transparent);margin-bottom:22px}.rail nav{width:100%;display:flex;flex-direction:column;gap:7px;overflow-y:auto;scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}.nav{position:relative;width:100%;min-height:48px;border-radius:15px;color:var(--muted);text-decoration:none;display:grid;place-items:center;border:1px solid transparent;background:transparent}.nav svg,.circle svg,.searchbox svg,.top-search svg,.more-btn svg,.copy-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav span:not(.logout-mark){position:absolute;right:63px;white-space:nowrap;background:var(--text);color:var(--surface);padding:7px 10px;border-radius:10px;font-size:11px;opacity:0;pointer-events:none;transform:translateX(4px);box-shadow:var(--shadow)}.nav:hover span{opacity:1;transform:translateX(0)}.nav:hover{background:var(--surface2);color:var(--text)}.nav.active{background:var(--blue);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--blue) 25%,transparent)}.rail-bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:7px}.icononly{border:0}.danger{color:var(--red)}.logout-mark{font-size:20px}.workspace{margin-right:var(--rail);padding:26px 34px 40px;max-width:1650px}.topbar{height:74px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.heading{min-width:250px}.heading h1{margin:0;font-size:27px;letter-spacing:-.5px}.heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.top-search{margin-right:auto;position:relative;width:min(390px,32vw)}.top-search span{position:absolute;right:14px;top:11px;color:var(--muted)}.top-search input{width:100%;height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:15px;padding:0 43px 0 14px;outline:none}.top-search input:focus,.searchbox input:focus,.filters select:focus{border-color:color-mix(in srgb,var(--blue) 60%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 10%,transparent)}.top-actions{display:flex;align-items:center;gap:9px}.circle{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;position:relative;cursor:pointer}.circle:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.ping{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:8px;left:9px;border:2px solid var(--surface)}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#ffdbc8,#ffd1df);color:#5d3845;display:grid;place-items:center;font-weight:800;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.mobile-menu{display:none}.notice{padding:12px 14px;border-radius:14px;margin-bottom:16px}.notice.error{background:var(--red-soft);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 20%,transparent)}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:14px 0 24px}.hero-row h2{font-size:33px;margin:3px 0 8px;letter-spacing:-1px}.hero-row p{color:var(--muted);margin:0;max-width:630px}.eyebrow{color:var(--blue);font-size:11px;font-weight:700}.primary-btn,.ghost-btn,.dark-btn,.text-btn{height:42px;border-radius:13px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer}.primary-btn{background:var(--blue);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--blue) 20%,transparent)}.primary-btn:hover{background:var(--blue2);transform:translateY(-1px)}.ghost-btn{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.dark-btn{background:var(--text);color:var(--surface)}button:disabled{opacity:.45;cursor:not-allowed}.text-btn{height:auto;padding:0;color:var(--blue);background:transparent}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi{min-height:142px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:0 8px 30px color-mix(in srgb,var(--text) 3%,transparent)}.kpi.accent{background:linear-gradient(145deg,var(--blue),#7057ff);color:#fff;border-color:transparent}.kpi>div>span,.kpi small{display:block}.kpi>div>span{color:var(--muted);font-size:12px}.kpi.accent>div>span,.kpi.accent small{color:#dce0ff}.kpi strong{display:block;font-size:31px;margin:16px 0 5px;letter-spacing:-1px}.kpi small{color:var(--muted);font-size:11px}.kpi>b{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;color:var(--text)}.kpi.accent>b{background:#fff;color:#3e48d9}.small-strong{font-size:22px!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:14px;margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px color-mix(in srgb,var(--text) 3%,transparent);padding:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-head h3{font-size:17px;margin:0 0 5px}.card-head p{font-size:11px;color:var(--muted);margin:0}.chip,.readonly-pill{height:30px;padding:0 10px;display:inline-flex;align-items:center;border-radius:10px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:10px}.chart-card{min-height:330px}.chart{height:235px;display:flex;align-items:flex-end;gap:12px;padding:20px 8px 0;border-top:1px solid var(--line);position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,color-mix(in srgb,var(--line) 50%,transparent) 46px)}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:min(44px,72%);min-height:8px;border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,var(--blue),#765bff);box-shadow:0 8px 18px color-mix(in srgb,var(--blue) 18%,transparent)}.bar-wrap span{font-size:10px;color:var(--muted)}.attention{display:flex;flex-direction:column}.attention>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:14px 0;border-bottom:1px solid var(--line)}.attention>a:last-child{border-bottom:0}.attention>a:hover{transform:translateX(-2px)}.attention div b,.attention div small{display:block}.attention div small{color:var(--muted);font-size:10px;margin-top:4px}.attention em{margin-right:auto;font-style:normal;color:var(--muted);font-size:22px}.att-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800}.att-icon.amber{background:var(--amber-soft);color:var(--amber)}.att-icon.blue{background:var(--blue-soft);color:var(--blue)}.att-icon.red{background:var(--red-soft);color:var(--red)}.table-card{padding-bottom:8px}.table-wrap{overflow:auto;margin:0 -20px}.table-wrap table{min-width:920px}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:10px;font-weight:600;color:var(--muted);background:var(--surface2);white-space:nowrap}td{font-size:12px}tbody tr{transition:.15s}tbody tr:hover{background:color-mix(in srgb,var(--blue) 3%,var(--surface))}tbody tr:last-child td{border-bottom:0}td b,td small{display:block}td small{color:var(--muted);font-size:9px;margin-top:4px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface2);border:1px solid var(--line);padding:4px 7px;border-radius:8px;color:var(--text);font-size:11px}.status{height:27px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:10px;font-weight:700;white-space:nowrap}.status.green{color:var(--green);background:var(--green-soft)}.status.red{color:var(--red);background:var(--red-soft)}.status.amber{color:var(--amber);background:var(--amber-soft)}.status.blue{color:var(--blue);background:var(--blue-soft)}.status.gray{color:var(--muted);background:var(--surface2);border:1px solid var(--line)}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 16px}.tool-title h2{margin:0;font-size:19px}.tool-title p{margin:5px 0 0;color:var(--muted);font-size:11px}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%}.filters.compact{max-width:650px}.filters select{height:42px;min-width:155px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:0 12px;outline:none}.searchbox{position:relative;min-width:280px;flex:1}.searchbox svg{position:absolute;right:13px;top:11px;color:var(--muted)}.searchbox input{width:100%;height:42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:0 42px 0 12px;outline:none}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.summary-strip>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between}.summary-strip span{color:var(--muted);font-size:11px}.summary-strip b{font-size:18px}.danger-stat b{color:var(--red)}.bulkbar{display:none;position:sticky;top:10px;z-index:55;margin:0 0 12px;padding:12px 14px;border-radius:15px;background:var(--text);color:var(--surface);align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.bulkbar.show{display:flex}.bulkbar>div{display:flex;gap:8px}.bulkbar button{height:34px;border:1px solid color-mix(in srgb,var(--surface) 20%,transparent);background:transparent;color:var(--surface);border-radius:10px;padding:0 10px}.bulkbar .danger-button{background:var(--red);border-color:var(--red)}.check{width:48px;text-align:center!important}.check input{width:16px;height:16px;accent-color:var(--blue)}.subscription{max-width:420px}.subscription>code{display:inline-block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.copy-btn,.more-btn{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer}.copy-btn:hover,.more-btn:hover{background:var(--surface2);color:var(--text)}.copy-btn svg,.more-btn svg{width:17px;height:17px}.invalid{color:var(--red);font-size:11px}.plan-list{display:flex;flex-direction:column;gap:10px}.plan-row{display:grid;grid-template-columns:46px minmax(220px,1.7fr) repeat(3,minmax(90px,.5fr)) auto 36px;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px 16px}.plan-avatar{width:42px;height:42px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800}.plan-row .grow b,.plan-row .grow small,.plan-row>div:not(.grow):not(.plan-avatar)>span,.plan-row>div:not(.grow):not(.plan-avatar)>b{display:block}.plan-row .grow small,.plan-row>div>span{color:var(--muted);font-size:10px;margin-top:4px}.muted-row{opacity:.55}.wallet-kpi{grid-template-columns:minmax(280px,420px)}.positive{color:var(--green);font-weight:700}.negative{color:var(--red);font-weight:700}.ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ticket{min-height:220px}.ticket-top{display:flex;justify-content:space-between;align-items:center}.ticket-top>div{display:flex;align-items:center;gap:8px}.ticket h3{margin:20px 0 10px;font-size:15px}.ticket p{line-height:1.9;color:var(--text);margin:0}.ticket footer{margin-top:20px;padding-top:13px;border-top:1px solid var(--line);display:flex;gap:14px;color:var(--muted);font-size:10px}.audit-action{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setting-card span{display:block;color:var(--muted);font-size:10px;margin-bottom:10px}.setting-card div{line-height:1.8;word-break:break-word}.system-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.system-cards>div{background:var(--surface2);border:1px solid var(--line);border-radius:15px;padding:17px}.system-cards span,.system-cards b{display:block}.system-cards span{color:var(--muted);font-size:10px}.system-cards b{font-size:24px;margin-top:8px}.footer-note{text-align:center;color:var(--muted);font-size:10px;padding:26px 0 4px}.toast{position:fixed;left:24px;bottom:24px;background:var(--text);color:var(--surface);padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.plan-row{grid-template-columns:46px 1fr repeat(2,90px) auto 36px}.plan-row>div:nth-of-type(5){display:none}.top-search{width:260px}.ticket-grid{grid-template-columns:1fr}}
@media(max-width:820px){:root{--rail:0px}.rail{width:260px;align-items:stretch;transform:translateX(110%);transition:.22s}.rail.open{transform:translateX(0)}.rail .logo{margin-right:auto;margin-left:auto}.rail .nav{display:flex;justify-content:flex-start;gap:12px;padding:0 14px}.rail .nav span:not(.logout-mark){position:static;opacity:1;transform:none;background:transparent;color:inherit;box-shadow:none;padding:0}.workspace{margin-right:0;padding:18px}.mobile-menu{display:grid}.heading{min-width:0}.top-search{display:none}.top-actions{margin-right:auto}.hero-row{align-items:flex-start;flex-direction:column}.hero-row h2{font-size:27px}.kpis,.summary-strip,.settings-grid{grid-template-columns:1fr 1fr}.page-tools{align-items:stretch;flex-direction:column}.filters{align-items:stretch}.searchbox{min-width:100%}.filters select,.filters .primary-btn,.filters .ghost-btn,.filters .dark-btn{flex:1}.plan-row{grid-template-columns:42px 1fr auto 34px}.plan-row>div:not(.grow):not(.plan-avatar){display:none}.system-cards{grid-template-columns:1fr}.bulkbar{bottom:10px;top:auto;position:fixed;left:12px;right:12px;margin:0}.bulkbar>div button:not(#clearSelection){display:none}}
@media(max-width:520px){.workspace{padding:14px}.topbar{height:auto;align-items:flex-start}.heading h1{font-size:22px}.heading p{display:none}.avatar{width:38px;height:38px}.circle{width:38px;height:38px}.kpis,.summary-strip,.settings-grid{grid-template-columns:1fr}.kpi{min-height:122px}.dashboard-grid{display:block}.attention{margin-top:12px}.card{padding:15px;border-radius:18px}.table-wrap{margin:0 -15px}.hero-row{margin-top:4px}.hero-row .primary-btn{width:100%}.ticket-grid{grid-template-columns:1fr}}
/* UX DEBUG PATCH v3 */
.ui-drawer-shell{position:fixed;inset:0;z-index:120;pointer-events:none}.ui-drawer-shell.show{pointer-events:auto}.ui-drawer-backdrop{position:absolute;inset:0;background:rgba(4,10,22,.44);opacity:0;transition:.2s}.ui-drawer{position:absolute;left:0;top:0;bottom:0;width:min(430px,92vw);background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(-102%);transition:.22s ease;padding:22px;overflow:auto}.ui-drawer-shell.show .ui-drawer-backdrop{opacity:1}.ui-drawer-shell.show .ui-drawer{transform:translateX(0)}.ui-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:8px}.ui-drawer-head small{color:var(--muted)}.ui-drawer-head h3{margin:5px 0 0;font-size:20px}.ui-close{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font-size:22px;cursor:pointer}.ui-detail-row{padding:13px 2px;border-bottom:1px solid var(--line)}.ui-detail-row span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.ui-detail-row b{display:block;font-size:12px;line-height:1.8;word-break:break-word}.ui-detail-text{white-space:pre-wrap;line-height:2;color:var(--text)}.notify-menu{display:none;position:absolute;top:52px;left:0;width:230px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:8px;box-shadow:var(--shadow);z-index:110}.notify-menu.show{display:block}.notify-menu>b{display:block;padding:8px 10px;color:var(--muted);font-size:10px}.notify-menu a{display:block;padding:10px 11px;border-radius:10px;color:var(--text);text-decoration:none;font-size:11px}.notify-menu a:hover{background:var(--surface2);color:var(--blue)}button[aria-disabled=true]{box-shadow:none!important}@media(max-width:520px){.ui-drawer{width:100%}.notify-menu{left:0;right:auto;width:min(260px,80vw)}}


/* GOJE PANEL V5 — layout + interaction system */
:root{
  --v5-rail-open:258px;--v5-rail-closed:78px;
  --v5-ease:cubic-bezier(.2,.8,.2,1);--v5-fast:140ms;--v5-med:220ms;--v5-slow:300ms;
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.app,.workspace,.workspace>*,.topbar>*{min-width:0}
.rail{
  width:var(--v5-rail-open)!important;align-items:stretch!important;padding:14px 10px!important;
  transition:width var(--v5-med) var(--v5-ease),transform var(--v5-med) var(--v5-ease),box-shadow var(--v5-med) var(--v5-ease)!important;
  overflow:hidden
}
.workspace{margin-right:var(--v5-rail-open)!important;max-width:none!important;width:auto!important;transition:margin-right var(--v5-med) var(--v5-ease)!important}
.rail-head{display:flex;align-items:center;gap:8px;height:52px;margin:0 2px 14px}
.rail-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--text);text-decoration:none;font-weight:700;overflow:hidden}
.rail-brand .logo{width:38px;height:38px;min-width:38px;border-radius:12px;margin:0!important;font-size:16px}
.rail-brand-text{white-space:nowrap;overflow:hidden;opacity:1;max-width:150px;transition:opacity var(--v5-fast) ease,max-width var(--v5-med) var(--v5-ease)}
.rail-toggle{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}
.rail-toggle:hover{background:var(--surface2);color:var(--text)}
.rail nav{gap:4px!important}
.rail .nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:44px!important;padding:0 12px!important;border-radius:12px!important;overflow:hidden}
.rail .nav svg{min-width:20px}
.rail .nav .nav-label{position:static!important;display:block!important;opacity:1!important;transform:none!important;background:transparent!important;color:inherit!important;box-shadow:none!important;padding:0!important;max-width:180px!important;overflow:hidden!important;white-space:nowrap!important;transition:opacity var(--v5-fast) ease,max-width var(--v5-med) var(--v5-ease)!important}
.rail .nav.active{background:color-mix(in srgb,var(--blue) 15%,var(--surface2))!important;color:var(--blue)!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--blue) 18%,transparent)!important}
.rail .nav:hover{background:var(--surface2)!important}
.rail-bottom{border-top:1px solid var(--line);padding-top:8px}
html.sidebar-collapsed .rail{width:var(--v5-rail-closed)!important}
html.sidebar-collapsed .workspace{margin-right:var(--v5-rail-closed)!important}
html.sidebar-collapsed .rail-brand-text,html.sidebar-collapsed .rail .nav .nav-label{opacity:0!important;max-width:0!important}
html.sidebar-collapsed .rail .nav{justify-content:center!important;padding:0!important}
html.sidebar-collapsed .rail-head{justify-content:center}
html.sidebar-collapsed .rail-brand{display:none}
.rail-backdrop{display:none}

/* interaction system */
button,a,.nav,.card,.plan-row,.v5-modal,.searchbox,input,select,textarea{transition-property:background-color,border-color,color,box-shadow,transform,opacity,width,max-width,margin;transition-duration:var(--v5-fast);transition-timing-function:var(--v5-ease)}
button:not(:disabled),.primary-btn,.dark-btn,.ghost-btn,.text-btn,.v5-btn{cursor:pointer}
button:not(:disabled):active,.primary-btn:active,.dark-btn:active,.ghost-btn:active,.v5-btn:active{transform:scale(.985)}
.primary-btn:not(:disabled):hover,.dark-btn:not(:disabled):hover,.ghost-btn:hover,.v5-btn:hover{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 70%,white);outline-offset:2px}
button:disabled{opacity:.48;cursor:not-allowed}
.card:hover{border-color:color-mix(in srgb,var(--line) 60%,var(--blue) 40%)}

/* overflow discipline */
.card,.table-card,.ticket,.setting-card,.system-cards>div,.v5-plan-card{min-width:0;max-width:100%}
.table-wrap{max-width:100%;overflow:auto!important;overscroll-behavior-inline:contain}
table{min-width:760px;width:100%}
th,td{min-width:0}
td b,td small{max-width:100%}
.subscription{max-width:420px!important}
.subscription code{display:inline-block;max-width:min(350px,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.filters{flex-wrap:wrap}.filters>*{min-width:0}.searchbox{flex:1 1 240px}
.page-tools{min-width:0}.tool-title{min-width:0}.tool-title h2,.tool-title p{overflow-wrap:anywhere}
.ticket-message,.admin-reply p,.setting-card div{overflow-wrap:anywhere;word-break:break-word}

/* plans */
.plan-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.plan-list .v5-plan-card{display:flex!important;flex-direction:column!important;gap:0!important;padding:18px!important;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-height:310px;overflow:hidden}
.plan-list .v5-plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--text) 7%,transparent)}
.v5-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.v5-plan-id{display:flex;align-items:center;gap:10px;min-width:0}.v5-plan-avatar{width:42px;height:42px;min-width:42px;border-radius:13px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);font-weight:800}
.v5-plan-title{min-width:0}.v5-plan-title b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v5-plan-title small{display:block;color:var(--muted);margin-top:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v5-plan-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.v5-plan-metric{background:var(--surface2);border:1px solid var(--line);border-radius:13px;padding:11px;min-width:0}.v5-plan-metric span,.v5-plan-metric b{display:block}.v5-plan-metric span{font-size:10px;color:var(--muted);margin-bottom:5px}.v5-plan-metric b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v5-plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.v5-btn{min-height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font:inherit;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.v5-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.v5-btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.v5-btn.soft{color:var(--blue)}
.v5-switch-form{margin:0}.v5-switch{position:relative;width:42px;height:24px;border:0;border-radius:999px;background:var(--line);padding:0}.v5-switch::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform var(--v5-med) var(--v5-ease)}.v5-switch.on{background:var(--green)}.v5-switch.on::after{transform:translateX(-18px)}

/* user profile */
.v5-profile{display:grid;grid-template-columns:1.1fr 2fr;gap:14px;margin-bottom:14px}.v5-profile-main,.v5-profile-stats{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:18px;min-width:0}.v5-profile-main h2{margin:0 0 4px;font-size:20px}.v5-profile-main p{margin:0;color:var(--muted);overflow-wrap:anywhere}.v5-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v5-profile-stats div{background:var(--surface2);border-radius:12px;padding:10px;min-width:0}.v5-profile-stats span,.v5-profile-stats b{display:block}.v5-profile-stats span{font-size:9px;color:var(--muted);margin-bottom:5px}.v5-profile-stats b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v5-user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

/* modal / drawer forms */
.v5-modal-shell{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:rgba(2,8,20,.48);backdrop-filter:blur(4px);opacity:0;pointer-events:none}.v5-modal-shell[hidden]{display:none}.v5-modal-shell.show{opacity:1;pointer-events:auto}.v5-modal{width:min(560px,100%);max-height:min(760px,90vh);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.28);transform:translateY(14px) scale(.985);padding:20px}.v5-modal-shell.show .v5-modal{transform:translateY(0) scale(1)}
.v5-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.v5-modal-head h3{margin:0;font-size:17px}.v5-close{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text)}
.v5-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v5-field{min-width:0}.v5-field.full{grid-column:1/-1}.v5-field label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.v5-field input,.v5-field select,.v5-field textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:11px 12px;resize:vertical;min-width:0}.v5-field textarea{min-height:120px;line-height:1.8}.v5-modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.v5-inline-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.v5-inline-actions form{margin:0}.v5-mini{min-height:32px;padding:0 10px;border-radius:9px;font-size:10px}
.v5-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}

@media(max-width:1180px){.plan-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v5-profile{grid-template-columns:1fr}.v5-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){
  .rail{width:min(280px,88vw)!important;transform:translateX(110%)!important;box-shadow:none!important}.rail.open{transform:translateX(0)!important;box-shadow:-16px 0 50px rgba(0,0,0,.25)!important}.workspace,html.sidebar-collapsed .workspace{margin-right:0!important}.rail .rail-brand{display:flex!important}.rail-brand-text,.rail .nav .nav-label{opacity:1!important;max-width:180px!important}.rail .nav{justify-content:flex-start!important;padding:0 12px!important}.rail-backdrop{display:block;position:fixed;inset:0;background:rgba(2,8,20,.4);z-index:69;opacity:0;pointer-events:none;transition:opacity var(--v5-med) var(--v5-ease)}.rail.open+.rail-backdrop{opacity:1;pointer-events:auto}.plan-list{grid-template-columns:1fr!important}.v5-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.v5-form-grid{grid-template-columns:1fr}.v5-plan-actions{grid-template-columns:1fr}.v5-profile-stats{grid-template-columns:1fr 1fr}.v5-modal-shell{padding:8px}.v5-modal{border-radius:16px;padding:16px}.v5-modal-actions{flex-direction:column}.v5-modal-actions .v5-btn{width:100%}.v5-inline-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* GOJE SIDEBAR EDGE TOGGLE V5.1 */
@media (min-width:821px){
  .rail{overflow:visible!important}
  .rail-toggle{
    position:absolute!important;
    left:-17px!important;
    top:22px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    background:var(--surface)!important;
    color:var(--text)!important;
    box-shadow:0 7px 22px color-mix(in srgb,var(--text) 12%,transparent)!important;
    z-index:76!important;
    display:grid!important;
    place-items:center!important;
    transition:transform var(--v5-fast) ease,background var(--v5-fast) ease,box-shadow var(--v5-fast) ease!important;
  }
  .rail-toggle:hover{
    background:var(--surface2)!important;
    transform:translateX(-2px)!important;
    box-shadow:0 9px 26px color-mix(in srgb,var(--text) 16%,transparent)!important;
  }
  .rail-toggle:active{transform:translateX(-1px) scale(.94)!important}
  .rail-toggle svg{display:none!important}
  .rail-toggle::before{
    content:"›";
    display:block;
    font-family:Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    line-height:1;
    transform:translateY(-1px);
  }
  html.sidebar-collapsed .rail-toggle::before{content:"‹"}
  html.sidebar-collapsed .rail-toggle:hover{transform:translateX(-2px)!important}
}
@media (max-width:820px){
  .rail-toggle{
    position:static!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border:1px solid var(--line)!important;
    background:var(--surface2)!important;
    color:var(--text)!important;
    box-shadow:none!important;
  }
  .rail-toggle svg{display:block!important}
  .rail-toggle::before{display:none!important}
}


/* ===== V7 CARDS ===== */

.v7-grid{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}


.v7-card{

background:var(--surface);
border:1px solid var(--line);
border-radius:24px;
padding:22px;

transition:
transform .25s ease,
box-shadow .25s ease;

}


.v7-card:hover{

transform:translateY(-4px);

box-shadow:
0 18px 40px rgba(0,0,0,.12);

}


.v7-badge{

border-radius:999px;
padding:6px 12px;
font-size:12px;

}


.v7-progress{

height:8px;
border-radius:99px;
background:var(--line);
overflow:hidden;

}


.v7-progress span{

display:block;
height:100%;
background:#7c3aed;

}


.v7-kpi{

font-size:30px;
font-weight:800;

}


/* GOJE_DESIGN_SYSTEM_V1 */
:root{
  --goje-r1:10px;--goje-r2:14px;--goje-r3:18px;
  --goje-space-1:6px;--goje-space-2:10px;--goje-space-3:14px;--goje-space-4:18px;--goje-space-5:24px;
  --goje-shadow:0 10px 28px rgba(15,23,42,.08);
}
.card,.kpi,.v5-modal,.goje-action-card{border-radius:var(--goje-r3)}
input,select,textarea,button,.primary-btn,.dark-btn,.ghost-btn,.v5-btn,.smallbtn{border-radius:var(--goje-r1)}
input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue,#4f7cff) 18%,transparent)}
.primary-btn,.dark-btn,.ghost-btn,.v5-btn,.smallbtn{transition:transform .14s ease,filter .14s ease,border-color .14s ease}
.primary-btn:hover,.dark-btn:hover,.ghost-btn:hover,.v5-btn:hover,.smallbtn:hover{transform:translateY(-1px)}
.table-wrap table{border-collapse:separate;border-spacing:0}.table-wrap tbody tr{transition:background .14s ease}.table-wrap tbody tr:hover{background:color-mix(in srgb,var(--surface2,#64748b) 12%,transparent)}
.status{white-space:nowrap}.status.amber{background:color-mix(in srgb,#f59e0b 16%,transparent);color:#d97706}.att-icon.green{background:color-mix(in srgb,#22c55e 16%,transparent);color:#16a34a}
.goje-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.goje-dash-kpis,.goje-ops-kpis{margin-bottom:16px}.goje-kpi-warn{box-shadow:inset 0 0 0 1px color-mix(in srgb,#f59e0b 45%,transparent)}
.goje-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}.goje-action-card{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--text);min-width:0}.goje-action-card>div{min-width:0;flex:1}.goje-action-card b,.goje-action-card small{display:block}.goje-action-card small{color:var(--muted);margin-top:4px}.goje-action-card em{font-style:normal;font-size:22px;color:var(--muted)}
.goje-action-card.urgent{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 5%,var(--surface))}.goje-action-card.ok{border-color:color-mix(in srgb,#22c55e 35%,var(--line))}
.goje-dash-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;margin-bottom:16px}.goje-queue-summary{min-width:0}.goje-recent-orders{margin-top:0}.goje-ops-section{margin-top:16px}.goje-ops-error{max-width:320px;overflow-wrap:anywhere;font-size:12px}.goje-ops-hero{margin-bottom:16px}
/* Wizard V1 */
.goje-wizard{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);background:var(--surface2);border-radius:var(--goje-r2);margin-bottom:4px}.goje-wizard button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 11px;font:inherit;cursor:pointer}.goje-wizard button.active{background:var(--blue);border-color:var(--blue);color:#fff}.goje-wizard-review{grid-column:1/-1;border:1px dashed var(--line);background:var(--surface2);border-radius:var(--goje-r2);padding:14px;display:grid;gap:8px}.goje-wizard-review .row{display:flex;justify-content:space-between;gap:14px}.goje-wizard-review span{color:var(--muted)}.goje-wizard-review b{overflow-wrap:anywhere;text-align:left}.goje-wizard-nav{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;margin-top:4px}.goje-wizard-nav button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 13px;font:inherit;cursor:pointer}.goje-wizard-nav .next{background:var(--blue);border-color:var(--blue);color:#fff}
/* Safety Preview V1 */
.goje-safety-shell{position:fixed;inset:0;z-index:10050;background:rgba(2,6,23,.64);display:grid;place-items:center;padding:18px}.goje-safety-shell[hidden]{display:none}.goje-safety-modal{width:min(600px,100%);max-height:min(760px,90vh);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:20px}.goje-safety-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.goje-safety-head h3{margin:0}.goje-safety-close{border:0;background:transparent;color:var(--text);font-size:26px;cursor:pointer}.goje-safety-summary{display:grid;gap:8px;margin:14px 0}.goje-safety-summary>div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.goje-safety-summary span{color:var(--muted)}.goje-safety-summary b{max-width:65%;overflow-wrap:anywhere;text-align:left}.goje-safety-warning{padding:12px;border-radius:12px;background:color-mix(in srgb,#ef4444 10%,var(--surface));border:1px solid color-mix(in srgb,#ef4444 35%,var(--line));line-height:1.9}.goje-safety-phrase{margin-top:12px}.goje-safety-phrase input{width:100%;margin-top:7px}.goje-safety-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:1100px){.goje-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goje-dash-split{grid-template-columns:1fr}}@media(max-width:680px){.goje-action-grid{grid-template-columns:1fr}.goje-hero-actions{width:100%}.goje-hero-actions>a{flex:1;text-align:center}.goje-wizard{display:grid;grid-template-columns:1fr 1fr}.goje-wizard button{width:100%}.goje-safety-summary>div,.goje-wizard-review .row{align-items:flex-start;flex-direction:column}.goje-safety-summary b,.goje-wizard-review b{max-width:100%;text-align:right}}

/* GOJE_MOBILE_ADMIN_UX_V1 */
.goje-maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.goje-maintenance-item{border:1px solid rgba(120,130,160,.2);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.goje-maintenance-item>div{display:grid;gap:4px}.goje-maintenance-item>div>span{font-size:11px;opacity:.72}.goje-maintenance-item>div>small{opacity:.7}
.goje-maintenance-item.paused{border-color:rgba(235,90,90,.48)}.goje-maintenance-item.running{border-color:rgba(60,190,120,.34)}
@media (max-width:760px){
  .goje-maintenance-grid{grid-template-columns:1fr}
  .table-card .table-wrap{overflow:visible}
  .table-card table,.table-card tbody{display:block;width:100%}
  .table-card thead{display:none}
  .table-card tr{display:block;width:100%;margin:0 0 12px;padding:8px 12px;border:1px solid rgba(120,130,160,.18);border-radius:14px;background:var(--card,rgba(255,255,255,.03))}
  .table-card td{display:grid;grid-template-columns:minmax(104px,34%) minmax(0,1fr);gap:10px;align-items:start;width:100%;padding:9px 0!important;border:0!important;overflow-wrap:anywhere}
  .table-card td+td{border-top:1px solid rgba(120,130,160,.12)!important}
  .table-card td::before{content:attr(data-label);font-size:11px;opacity:.62;font-weight:700}
  .table-card td[colspan]{display:block}.table-card td[colspan]::before{content:none}
  .table-card .v5-inline-actions{display:flex;flex-wrap:wrap;gap:8px}
  .table-card .v5-inline-actions form,.table-card .v5-inline-actions .v5-btn{flex:1 1 auto}
  button,.v5-btn,.primary-btn,.ghost-btn,.dark-btn,.smallbtn{min-height:44px;touch-action:manipulation}
  .filters,.page-tools,.top-actions{gap:8px}.filters>*{min-width:0}
  .v5-modal{width:min(100% - 20px,680px);max-height:calc(100dvh - 20px);overflow:auto}
}

/* ===== GOJE_PANEL_VISUAL_UX_V2 ===== */
:root{--goje-v2-muted:color-mix(in srgb,var(--muted) 82%,var(--text) 18%);--goje-v2-line:color-mix(in srgb,var(--line) 82%,var(--text) 18%)}
body[data-ui="visual-v2"]{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body[data-ui="visual-v2"] .heading h1{letter-spacing:-.025em;line-height:1.25}
body[data-ui="visual-v2"] .heading p,body[data-ui="visual-v2"] .tool-title p,body[data-ui="visual-v2"] .card-head p,body[data-ui="visual-v2"] .v5-note,body[data-ui="visual-v2"] small{color:var(--goje-v2-muted)}
body[data-ui="visual-v2"] .tool-title p,body[data-ui="visual-v2"] .card-head p{font-size:11px;line-height:1.8}
body[data-ui="visual-v2"] .card-head h3{font-size:15px;letter-spacing:-.012em}
body[data-ui="visual-v2"] .top-search{width:min(320px,26vw)}
body[data-ui="visual-v2"] .card{border-color:var(--goje-v2-line);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent)}
body[data-ui="visual-v2"] .card:hover{box-shadow:0 8px 26px color-mix(in srgb,var(--text) 5%,transparent)}
body[data-ui="visual-v2"] input,body[data-ui="visual-v2"] select,body[data-ui="visual-v2"] textarea{font-size:12px}
body[data-ui="visual-v2"] .v5-field label{color:color-mix(in srgb,var(--muted) 66%,var(--text) 34%);font-size:10.5px;font-weight:700}

/* dashboard */
body[data-page="dashboard"] .hero-row{margin-top:6px;margin-bottom:14px}
body[data-page="dashboard"] .hero-row h2{font-size:26px;line-height:1.32;margin-bottom:5px}
body[data-page="dashboard"] .kpis{gap:10px}
body[data-page="dashboard"] .kpi{min-height:102px!important;padding:16px 17px!important}
body[data-page="dashboard"] .kpi strong{font-size:24px;letter-spacing:-.02em}
body[data-page="dashboard"] .attention{gap:9px}
body[data-page="dashboard"] .dashboard-grid{align-items:start!important}
body[data-page="dashboard"] .dashboard-grid>*{align-self:start!important;min-height:0!important}
body[data-page="dashboard"] .dashboard-grid .card{height:auto!important}
body[data-page="dashboard"] .summary-strip{gap:8px}
body[data-page="dashboard"] .summary-strip>div{min-height:72px;padding:12px 14px}

/* tables */
body[data-ui="visual-v2"] .table-card{overflow:hidden}
body[data-ui="visual-v2"] .table-card .card-head{margin-bottom:10px}
body[data-ui="visual-v2"] table{font-variant-numeric:tabular-nums}
body[data-ui="visual-v2"] thead th{background:color-mix(in srgb,var(--surface2) 94%,var(--blue) 6%);color:color-mix(in srgb,var(--muted) 70%,var(--text) 30%);font-size:10px;font-weight:800;padding-top:10px;padding-bottom:10px}
body[data-ui="visual-v2"] tbody td{font-size:11.5px;line-height:1.65;padding-top:10px;padding-bottom:10px}
body[data-ui="visual-v2"] tbody tr:hover{background:color-mix(in srgb,var(--surface2) 94%,var(--blue) 6%)}
body[data-ui="visual-v2"] .status{min-height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;font-size:9.5px;font-weight:800;border-radius:999px}
body[data-page="inventory"] .subscription code{max-width:min(280px,28vw)!important;padding:6px 8px;border-radius:8px;background:var(--surface2);border:1px solid var(--line)}
body[data-page="inventory"] .copy-btn{background:var(--surface2);border:1px solid var(--line);margin-inline-start:5px}

/* plans */
body[data-page="plans"] .plan-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
body[data-page="plans"] .v5-plan-card{min-height:0!important;padding:14px!important;border-radius:16px!important}
body[data-page="plans"] .v5-plan-top{margin-bottom:10px!important}
body[data-page="plans"] .v5-plan-avatar{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
body[data-page="plans"] .v5-plan-title b{font-size:13px!important}
body[data-page="plans"] .v5-plan-title small{margin-top:2px!important}
body[data-page="plans"] .v5-plan-metrics{gap:7px!important;margin-bottom:8px!important}
body[data-page="plans"] .v5-plan-metric{padding:8px 9px!important;border-radius:11px!important}
body[data-page="plans"] .v5-plan-metric span{margin-bottom:3px!important;font-size:9px!important}
body[data-page="plans"] .v5-plan-metric b{font-size:11.5px!important}
body[data-page="plans"] .v5-plan-actions{padding-top:9px!important;gap:7px!important}
body[data-page="plans"] .v5-plan-actions .v5-btn{min-height:34px;font-size:10.5px}

/* modals */
body[data-ui="visual-v2"] .v5-modal{width:min(520px,100%);border-radius:18px;padding:18px}
body[data-ui="visual-v2"] .v5-modal-head{margin-bottom:13px;padding-bottom:12px}
body[data-ui="visual-v2"] .v5-form-grid{gap:10px 11px}
body[data-ui="visual-v2"] .v5-field input,body[data-ui="visual-v2"] .v5-field select{min-height:42px}
body[data-ui="visual-v2"] .v5-modal-actions{position:sticky;bottom:-18px;z-index:2;background:var(--surface);margin-inline:-2px;padding-bottom:2px}

/* users / wallet */
body[data-page="users"] tbody td:nth-child(2) b{font-size:12px}
body[data-page="users"] tbody td:nth-child(2) small{display:block;margin-top:2px}
body[data-page="users"] .positive,body[data-page="wallet"] .positive{background:color-mix(in srgb,var(--green) 11%,transparent);border-radius:8px;padding:4px 7px}
body[data-page="users"] .negative,body[data-page="wallet"] .negative{background:color-mix(in srgb,var(--red) 10%,transparent);border-radius:8px;padding:4px 7px}

/* tickets */
body[data-page="tickets"] .ticket-grid{gap:10px}
body[data-page="tickets"] .ticket{min-height:0!important;padding:15px 16px;border-radius:16px}
body[data-page="tickets"] .ticket h3{margin:12px 0 7px;font-size:14px}
body[data-page="tickets"] .ticket-message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body[data-page="tickets"] .goje-ticket-toggle{min-height:30px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:0 10px;font:inherit;font-size:10px;cursor:pointer}
body[data-page="tickets"] .ticket.goje-ticket-collapsed .ticket-reply-form,body[data-page="tickets"] .ticket.goje-ticket-collapsed .admin-reply{display:none!important}
body[data-page="tickets"] .ticket:not(.goje-ticket-collapsed) .ticket-message{display:block;overflow:visible}
body[data-page="tickets"] .ticket-reply-form{margin-top:12px}

/* audit */
body[data-page="audit"] .audit-action{font-family:inherit!important;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:10px}
body[data-page="audit"] .goje-audit-raw{display:block;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px;margin-top:3px}

/* settings */
body[data-page="settings"] .settings-grid.goje-settings-v2{display:block!important}
body[data-page="settings"] .goje-settings-section{margin-bottom:16px}
body[data-page="settings"] .goje-settings-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 8px}
body[data-page="settings"] .goje-settings-section-head h3{margin:0;font-size:14px}
body[data-page="settings"] .goje-settings-section-head p{margin:0;color:var(--muted);font-size:10px}
body[data-page="settings"] .goje-settings-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body[data-page="settings"] .setting-card{padding:13px 15px;min-height:76px;border-radius:14px;position:relative}
body[data-page="settings"] .setting-card>span:first-child{margin-bottom:6px;font-weight:800;color:color-mix(in srgb,var(--muted) 70%,var(--text) 30%)}
body[data-page="settings"] .goje-setting-key{display:block;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);opacity:.72;font-size:8px;margin-top:5px}
body[data-page="settings"] .goje-readonly-card{background:color-mix(in srgb,var(--surface2) 92%,var(--blue) 8%)}
body[data-page="settings"] .goje-readonly-card::after{content:"فقط‌خواندنی";position:absolute;left:12px;top:10px;font-size:8px;color:var(--muted)}

/* system */
body[data-page="system"] .kpis{gap:10px}
body[data-page="system"] .kpi{min-height:108px;padding:16px}
body[data-page="system"] .kpi strong{font-size:24px}
body[data-page="system"] .system-cards{gap:9px}
body[data-page="system"] .system-cards>div{padding:14px 15px}
body[data-page="system"] .goje-health-good{border-color:color-mix(in srgb,var(--green) 35%,var(--line))!important;background:color-mix(in srgb,var(--surface2) 94%,var(--green) 6%)!important}
body[data-page="system"] .goje-health-link{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;margin-top:12px;border:1px solid var(--line);border-radius:10px;color:var(--blue);text-decoration:none;background:var(--surface2)}

/* operations */
body[data-page="operations"] .goje-ops-section,body[data-page="operations"] .goje-maintenance-card{border-radius:16px}
body[data-page="operations"] .goje-maintenance-grid{gap:9px}
body[data-page="operations"] .goje-maintenance-item{min-height:78px;padding:11px 13px;border-radius:13px}
body[data-page="operations"] .goje-maintenance-item b{font-size:12px}
body[data-page="operations"] .goje-maintenance-item small{font-size:9px}
body[data-page="operations"] .goje-ops-kpis .kpi{min-height:100px}
body[data-page="operations"] .goje-event-info{opacity:.78}
body[data-page="operations"] .goje-event-info .status,body[data-page="operations"] .goje-event-info [class*="warning"],body[data-page="operations"] .goje-event-info [class*="yellow"]{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--muted)!important}
body[data-page="operations"] .goje-ops-event-toggle{margin-inline-start:8px;min-height:30px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--surface2);color:var(--text);font:inherit;font-size:10px;cursor:pointer}
body[data-page="operations"] .goje-ops-events-collapsed tbody tr:nth-child(n+7){display:none}

/* marketing */
body[data-page="marketing"] .goje-mkt-grid{align-items:start;gap:12px}
body[data-page="marketing"] .goje-mkt-grid>aside{position:sticky;top:16px}
body[data-page="marketing"] .goje-mkt-form{gap:10px!important}
body[data-page="marketing"] .goje-mkt-form textarea{min-height:115px}
body[data-page="marketing"] .goje-mkt-choice{border:1px solid var(--line);border-radius:11px;background:var(--surface2);padding:10px 11px}
body[data-page="marketing"] .goje-mkt-kpis{gap:9px}
body[data-page="marketing"] .goje-mkt-kpis>div{min-height:64px;padding:11px 13px}

@media(max-width:1180px){
 body[data-page="plans"] .plan-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-page="marketing"] .goje-mkt-grid>aside{position:static}
}
@media(max-width:820px){
 body[data-ui="visual-v2"] .workspace{padding:15px!important}
 body[data-ui="visual-v2"] .card{border-radius:15px}
 body[data-page="settings"] .goje-settings-section-grid{grid-template-columns:1fr}
 body[data-page="plans"] .plan-list{grid-template-columns:1fr!important}
 body[data-page="tickets"] .ticket-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 body[data-ui="visual-v2"] .heading h1{font-size:21px!important}
 body[data-page="dashboard"] .kpi{min-height:94px!important}
 body[data-ui="visual-v2"] tbody td{font-size:11.5px}
}

/* ===== GOJE_MARKETING_UX_V3 ===== */
body[data-page="marketing"] .goje-v3-shell{margin-top:14px}
body[data-page="marketing"] .goje-v3-mainnav{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  margin:0 0 14px;padding:7px;background:var(--surface);
  border:1px solid var(--line);border-radius:17px;
}
body[data-page="marketing"] .goje-v3-mainnav button{
  min-height:58px;border:1px solid transparent;border-radius:13px;
  background:transparent;color:var(--text);font:inherit;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
}
body[data-page="marketing"] .goje-v3-mainnav button b{font-size:13px}
body[data-page="marketing"] .goje-v3-mainnav button small{font-size:9px;color:var(--muted)}
body[data-page="marketing"] .goje-v3-mainnav button.active{
  background:color-mix(in srgb,var(--blue) 12%,var(--surface2));
  border-color:color-mix(in srgb,var(--blue) 26%,var(--line));
  color:var(--blue);
}
body[data-page="marketing"] .goje-v3-panel[hidden]{display:none!important}
body[data-page="marketing"] .goje-v3-panel-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:2px 2px 11px
}
body[data-page="marketing"] .goje-v3-panel-head h3{margin:0;font-size:18px}
body[data-page="marketing"] .goje-v3-panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}
body[data-page="marketing"] .goje-v3-campaign-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start
}
body[data-page="marketing"] .goje-v3-form-card{padding:16px}
body[data-page="marketing"] #gojeMktForm.goje-v3-form{
  display:block!important
}
body[data-page="marketing"] .goje-v3-steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:15px
}
body[data-page="marketing"] .goje-v3-stepbtn{
  min-height:45px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);
  color:var(--muted);font:inherit;font-size:10px;cursor:pointer;padding:5px 8px
}
body[data-page="marketing"] .goje-v3-stepbtn b{
  display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:var(--surface);border:1px solid var(--line);margin-left:5px
}
body[data-page="marketing"] .goje-v3-stepbtn.active{
  border-color:color-mix(in srgb,var(--blue) 36%,var(--line));
  background:color-mix(in srgb,var(--blue) 10%,var(--surface2));color:var(--blue);font-weight:800
}
body[data-page="marketing"] .goje-v3-step{display:none}
body[data-page="marketing"] .goje-v3-step.active{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px
}
body[data-page="marketing"] .goje-v3-step .full{grid-column:1/-1!important}
body[data-page="marketing"] .goje-v3-step-title{
  grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid var(--line);margin-bottom:1px
}
body[data-page="marketing"] .goje-v3-step-title b{display:block;font-size:14px}
body[data-page="marketing"] .goje-v3-step-title span{display:block;color:var(--muted);font-size:9.5px;margin-top:4px}
body[data-page="marketing"] .goje-v3-advanced{
  grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;background:var(--surface2);overflow:hidden
}
body[data-page="marketing"] .goje-v3-advanced>summary{
  cursor:pointer;padding:11px 12px;font-size:10px;font-weight:800;list-style:none
}
body[data-page="marketing"] .goje-v3-advanced>summary::-webkit-details-marker{display:none}
body[data-page="marketing"] .goje-v3-advanced>summary::before{content:"＋";margin-left:6px;color:var(--blue)}
body[data-page="marketing"] .goje-v3-advanced[open]>summary::before{content:"−"}
body[data-page="marketing"] .goje-v3-advanced-body{
  padding:0 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
body[data-page="marketing"] .goje-v3-navrow{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-top:3px;padding-top:12px;border-top:1px solid var(--line)
}
body[data-page="marketing"] .goje-v3-navrow .goje-v3-next,
body[data-page="marketing"] .goje-v3-navrow .goje-v3-submit{
  min-height:38px;border:0;border-radius:10px;padding:0 14px;background:var(--blue);color:#fff;font:inherit;cursor:pointer
}
body[data-page="marketing"] .goje-v3-navrow .goje-v3-prev{
  min-height:38px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--surface2);color:var(--text);font:inherit;cursor:pointer
}
body[data-page="marketing"] .goje-v3-summary{
  position:sticky;top:14px;padding:15px;border-radius:16px
}
body[data-page="marketing"] .goje-v3-summary h3{margin:0 0 3px;font-size:14px}
body[data-page="marketing"] .goje-v3-summary>p{margin:0 0 12px;color:var(--muted);font-size:9.5px;line-height:1.7}
body[data-page="marketing"] .goje-v3-summary-list{display:grid;gap:7px}
body[data-page="marketing"] .goje-v3-summary-list>div{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:9px 10px
}
body[data-page="marketing"] .goje-v3-summary-list span{font-size:9px;color:var(--muted)}
body[data-page="marketing"] .goje-v3-summary-list b{font-size:10.5px;max-width:62%;text-align:left;overflow-wrap:anywhere}
body[data-page="marketing"] .goje-v3-summary-warning{
  margin-top:10px;padding:10px;border-radius:10px;background:color-mix(in srgb,var(--red) 8%,var(--surface2));
  border:1px solid color-mix(in srgb,var(--red) 24%,var(--line));font-size:9.5px;line-height:1.8
}
body[data-page="marketing"] .goje-v3-guide{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}
body[data-page="marketing"] .goje-v3-guide summary{cursor:pointer;color:var(--blue);font-size:9.5px}
body[data-page="marketing"] .goje-v3-guide .card{
  margin-top:8px;padding:11px;background:var(--surface2);box-shadow:none
}
body[data-page="marketing"] .goje-v3-review{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
body[data-page="marketing"] .goje-v3-review>div{
  padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)
}
body[data-page="marketing"] .goje-v3-review span{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}
body[data-page="marketing"] .goje-v3-review b{display:block;font-size:11px;overflow-wrap:anywhere}
body[data-page="marketing"] .goje-v3-original-submit{display:none!important}

/* promotion tab */
body[data-page="marketing"] .goje-v3-promo-wrap{max-width:980px;margin:auto}
body[data-page="marketing"] #promotion-scheduler.goje-v3-promo{
  display:block!important;border:0!important;background:transparent!important
}
body[data-page="marketing"] #promotion-scheduler.goje-v3-promo>summary{display:none!important}
body[data-page="marketing"] #promotion-scheduler.goje-v3-promo>.goje-promo-body{
  display:block!important;padding:0!important
}
body[data-page="marketing"] .goje-v3-promo-intro{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:11px
}
body[data-page="marketing"] .goje-v3-promo-intro>div{
  padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)
}
body[data-page="marketing"] .goje-v3-promo-intro b{display:block;font-size:11px}
body[data-page="marketing"] .goje-v3-promo-intro span{display:block;color:var(--muted);font-size:9px;margin-top:3px}
body[data-page="marketing"] .goje-promo-note{
  font-size:10px!important;line-height:1.85!important;margin-bottom:11px!important
}
body[data-page="marketing"] .goje-promo-grid{
  gap:9px!important
}
body[data-page="marketing"] .goje-promo-field label{
  color:color-mix(in srgb,var(--muted) 62%,var(--text) 38%)!important;font-weight:700!important
}
body[data-page="marketing"] .goje-promo-actions{padding-top:10px;border-top:1px solid var(--line)}

/* history */
body[data-page="marketing"] .goje-v3-history-nav{
  display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap
}
body[data-page="marketing"] .goje-v3-history-nav button{
  min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);
  color:var(--text);font:inherit;font-size:10px;padding:0 12px;cursor:pointer
}
body[data-page="marketing"] .goje-v3-history-nav button.active{
  background:var(--blue);border-color:var(--blue);color:#fff
}
body[data-page="marketing"] .goje-v3-history-sub[hidden]{display:none!important}
body[data-page="marketing"] .goje-v3-history-sub .goje-mkt-table{margin-top:0}
body[data-page="marketing"] .goje-v3-promo-history .goje-promo-section-title{
  margin:14px 0 7px!important;font-size:13px
}
body[data-page="marketing"] .goje-v3-promo-history .goje-promo-table{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;margin:0 0 12px
}

/* hide the old visual shell after nodes are moved */
body[data-page="marketing"] .goje-v3-source-hidden{display:none!important}

@media(max-width:980px){
 body[data-page="marketing"] .goje-v3-campaign-layout{grid-template-columns:1fr}
 body[data-page="marketing"] .goje-v3-summary{position:static}
}
@media(max-width:760px){
 body[data-page="marketing"] .goje-v3-mainnav{grid-template-columns:1fr}
 body[data-page="marketing"] .goje-v3-mainnav button{min-height:48px;align-items:flex-start;padding:0 12px}
 body[data-page="marketing"] .goje-v3-steps{grid-template-columns:1fr 1fr}
 body[data-page="marketing"] .goje-v3-step.active{grid-template-columns:1fr}
 body[data-page="marketing"] .goje-v3-step .full,body[data-page="marketing"] .goje-v3-step-title,body[data-page="marketing"] .goje-v3-navrow,body[data-page="marketing"] .goje-v3-review,body[data-page="marketing"] .goje-v3-advanced{grid-column:1!important}
 body[data-page="marketing"] .goje-v3-advanced-body,body[data-page="marketing"] .goje-v3-review{grid-template-columns:1fr}
 body[data-page="marketing"] .goje-v3-promo-intro{grid-template-columns:1fr}
}

/* ===== GOJE_MARKETING_UX_V3_COMPAT_FIX ===== */
body[data-page="marketing"] #gojeMktForm.goje-v3-compat-clean .goje-v3-legacy-ui{
  display:none!important;
}
body[data-page="marketing"] #gojeMktForm.goje-v3-compat-clean .goje-v3-step:not(.active){
  display:none!important;
}
body[data-page="marketing"] #gojeMktForm.goje-v3-compat-clean .goje-v3-step.active{
  display:grid!important;
}