:root{
  --bg:#08080a;--bg-soft:#111113;--panel:#18181b;--panel2:#1e1e22;
  --yellow:#f5c518;--yellow-strong:#ffdd33;--yellow-deep:#8a6800;--accent:#f5c518;
  --text:#f2f0e6;--muted:#9c9ca1;--line:rgba(245,197,24,.18);--line-strong:rgba(245,197,24,.42);
  --green:#43c66f;--red:#ef6262;--blue:#61a9ff;--radius:12px;--shadow:0 20px 60px rgba(0,0,0,.30),0 20px 60px rgba(245,197,24,.05)
}
html[data-theme="light"]{--bg:#fbf5e2;--bg-soft:#f2e8c4;--panel:#fffdf6;--panel2:#fff5d2;--yellow:#c99400;--yellow-strong:#a87700;--yellow-deep:#7a5700;--accent:#8a6800;--text:#191408;--muted:#6d6450;--line:rgba(138,104,0,.2);--line-strong:rgba(138,104,0,.42);--shadow:0 20px 60px rgba(138,104,0,.1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);transition:background .25s,color .25s}html.lang-ar body{font-family:'Tajawal',Arial,sans-serif}html.lang-en body{font-family:'Inter',Arial,sans-serif}.ar,.en{display:inline}.lang-ar .en,.lang-en .ar{display:none!important}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.045;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-260px;left:50%;transform:translateX(-50%);width:900px;height:620px;background:radial-gradient(ellipse at center,rgba(245,197,24,.14),transparent 70%);pointer-events:none;z-index:0}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{position:relative;z-index:1;display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-inline-end:1px solid var(--line);overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 22px;border-bottom:1px solid var(--line);margin-bottom:15px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:10px;color:var(--yellow);font-weight:900;font-family:'Chakra Petch',sans-serif;box-shadow:inset 0 0 18px rgba(245,197,24,.08)}.brand-copy strong{display:block;font-family:'Chakra Petch',sans-serif;letter-spacing:1.5px}.brand-copy small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin-top:2px}.nav-section{font:600 10px/1 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:1.8px;padding:11px 12px 5px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:9px;color:var(--muted);margin:3px 0;transition:.2s}.nav a:hover{background:rgba(245,197,24,.06);border-color:var(--line);color:var(--text);transform:translateX(2px)}.nav .ico{width:23px;text-align:center;color:var(--accent)}.main{min-width:0;padding:22px 28px 36px}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-22px -28px 24px;padding:16px 28px;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.page-title{display:flex;align-items:center;gap:12px}.page-title .bar{width:4px;height:34px;background:linear-gradient(var(--yellow-strong),var(--yellow-deep));border-radius:8px}.page-title h2{margin:0;font-size:clamp(20px,2vw,28px)}.top-tools{display:flex;gap:8px;align-items:center}.tool-btn{height:40px;min-width:40px;padding:0 12px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);border-radius:9px;cursor:pointer}.tool-btn:hover{border-color:var(--yellow);color:var(--yellow)}
.card{background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 96%,var(--yellow) 4%),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.card h3{margin:0 0 16px;font-size:17px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.card-head h3{margin:0}.grid{display:grid;gap:14px}.grid.stats{grid-template-columns:repeat(5,minmax(130px,1fr))}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset-inline-end:-28px;top:-28px;width:90px;height:90px;border:1px solid var(--line-strong);transform:rotate(45deg);opacity:.35}.stat .stat-icon{font-size:19px;color:var(--accent)}.stat b{display:block;font:700 28px/1.1 'JetBrains Mono',monospace;margin-top:9px}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted);margin-top:6px}.mono,code,pre{font-family:'JetBrains Mono',monospace}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:start}tr:last-child td{border-bottom:0}th{font:600 11px/1.2 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:.5px;background:var(--bg-soft);position:sticky;top:0}tbody tr:hover{background:rgba(245,197,24,.035)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--panel2);font-size:12px;border:1px solid var(--line)}.badge.ok{background:rgba(67,198,111,.10);color:#7ae99b;border-color:rgba(67,198,111,.3)}.badge.bad{background:rgba(239,98,98,.10);color:#ff9999;border-color:rgba(239,98,98,.3)}.badge.warn{background:rgba(245,197,24,.10);color:var(--yellow-strong);border-color:var(--line-strong)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:9px 13px;cursor:pointer;background:var(--panel2);color:var(--text);font-weight:700;transition:.16s}.btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}.btn.primary{background:var(--yellow);color:#08080a;border-color:var(--yellow);box-shadow:0 4px 0 var(--yellow-deep)}.btn.primary:hover{transform:translateY(-2px)}.btn.green{background:rgba(67,198,111,.14);color:#7ae99b;border-color:rgba(67,198,111,.35)}.btn.red{background:rgba(239,98,98,.12);color:#ff9999;border-color:rgba(239,98,98,.35)}.btn.blue{background:rgba(97,169,255,.12);color:#9dccff;border-color:rgba(97,169,255,.35)}.btn.small{padding:6px 9px;font-size:12px}.btn.ghost{background:transparent}.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}form.inline{display:inline}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,197,24,.08)}.field textarea{min-height:105px;resize:vertical}.field input[type=checkbox],.field input[type=radio]{width:auto}.full{grid-column:1/-1}.flash{padding:12px 14px;border-radius:10px;margin-bottom:15px;border:1px solid}.flash.success{background:rgba(67,198,111,.1);border-color:rgba(67,198,111,.32)}.flash.danger{background:rgba(239,98,98,.1);border-color:rgba(239,98,98,.32)}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.thumb{width:58px;height:58px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}
.media-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;max-height:360px;overflow:auto;padding:4px}.media-choice{position:relative;display:block;cursor:pointer;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-soft);transition:.18s}.media-choice input{position:absolute;opacity:0;pointer-events:none}.media-choice img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.media-choice .media-caption{display:block;padding:7px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-choice:has(input:checked){border-color:var(--yellow);box-shadow:0 0 0 2px rgba(245,197,24,.22)}.media-choice:has(input:checked):after{content:'';position:absolute;top:6px;inset-inline-end:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#08080a;font-weight:900}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.media-item{padding:10px}.media-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.preview-box{display:flex;align-items:center;gap:14px;padding:12px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--bg-soft)}.preview-box img{width:96px;height:96px;object-fit:cover;border-radius:10px}.empty-preview{width:96px;height:96px;border:1px dashed var(--line);display:grid;place-items:center;border-radius:10px;color:var(--muted)}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;z-index:1}.login .card{width:min(430px,94vw)}.login .brand{border:0;margin:0 0 18px;padding:0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-item{padding:12px;border:1px solid var(--line);background:var(--bg-soft);border-radius:9px}.detail-item small{display:block;color:var(--muted);margin-bottom:5px}.detail-item b{word-break:break-word}.delivery-box{white-space:pre-wrap;word-break:break-word;background:#050506;border:1px solid var(--line-strong);padding:14px;border-radius:9px;color:#dff8df}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filter-row .field{margin:0;min-width:180px}.section-note{padding:12px 14px;border-inline-start:3px solid var(--yellow);background:rgba(245,197,24,.06);border-radius:0 8px 8px 0;margin:12px 0;color:var(--muted)}
@media(max-width:1150px){.grid.stats{grid-template-columns:repeat(3,1fr)}.app{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:860px){.app{display:block}.side{position:relative;height:auto;border-inline-end:0;border-bottom:1px solid var(--line)}.nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.nav-section{grid-column:1/-1}.main{padding:18px}.top{position:relative;margin:-18px -18px 18px;padding:13px 18px}.grid.stats{grid-template-columns:repeat(2,1fr)}.split,.form-grid,.form-grid.three,.detail-grid{grid-template-columns:1fr}.side .brand{margin-bottom:10px}}
@media(max-width:520px){.grid.stats{grid-template-columns:1fr}.nav{grid-template-columns:1fr}.top{align-items:flex-start}.top-tools{flex-wrap:wrap;justify-content:flex-end}.main{padding:14px}.card{padding:14px}.media-grid{grid-template-columns:repeat(2,1fr)}}
/* v0.2 interface additions */
.hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.hero-card h3{font-size:22px;margin:5px 0}.eyebrow{display:inline-flex;color:var(--accent);font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:2px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:4px 0 22px;padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,rgba(245,197,24,.08),var(--panel) 58%,transparent);box-shadow:var(--shadow)}.welcome h1{margin:6px 0 8px;font-size:clamp(27px,4vw,44px)}.welcome p{margin:0;color:var(--muted)}.pulse{font:700 11px/1 'JetBrains Mono',monospace;color:var(--green);white-space:nowrap}.pulse span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);margin-inline-end:7px}.section-title{font-weight:800;margin:22px 0 12px;padding-top:18px;border-top:1px dashed var(--line-strong)}.input-row{display:grid;grid-template-columns:1fr 90px;gap:7px}.currency-input{text-transform:uppercase}.checkbox-field{display:flex;align-items:center}.checkbox-field label{color:var(--text);margin:0}.checkbox-field small{display:block;color:var(--muted);margin-inline-start:6px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 16px}.check-grid label{padding:10px;border:1px solid var(--line);background:var(--bg-soft);border-radius:8px}.image-source{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.media-choice small{display:block;padding:7px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.none-choice{min-height:108px;display:grid;place-items:center;text-align:center}.none-choice span{font-size:28px;color:var(--muted)}.thumb-placeholder{display:grid;place-items:center;width:58px;height:58px;border-radius:9px;border:1px solid var(--line);background:var(--bg-soft);font-size:23px}.current-image{display:flex;align-items:center;gap:14px;margin-bottom:12px}.current-image img{width:130px;height:130px;object-fit:cover;border-radius:12px;border:1px solid var(--line-strong)}.stack{display:grid;gap:12px}.subcard{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select,.actions select{padding:8px 10px;border-radius:8px;background:var(--bg-soft);border:1px solid var(--line);color:var(--text)}.big-icon{font-size:24px}.media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px;color:var(--muted);font-size:11px}.media-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv{display:grid;grid-template-columns:150px 1fr;gap:0;margin:0}.kv dt,.kv dd{margin:0;padding:9px 0;border-bottom:1px dashed var(--line)}.kv dt{color:var(--muted)}.delivery-list{display:grid;gap:12px}.delivery-title{font-weight:800;color:var(--yellow);margin-bottom:8px}.delivery-box pre{white-space:pre-wrap;margin:5px 0 0;color:inherit}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}details{border:1px solid var(--line);border-radius:9px;padding:11px;margin:13px 0}details summary{cursor:pointer;font-weight:800;color:var(--muted)}
@media(max-width:900px){.form-grid.four,.check-grid{grid-template-columns:repeat(2,1fr)}.welcome{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.form-grid.four,.check-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}.hero-card{align-items:flex-start}.kv{grid-template-columns:1fr}.kv dt{padding-bottom:2px}.kv dd{padding-top:2px}}
/* v0.3 multi-tenant + mobile drawer */
.top-left{display:flex;align-items:center;gap:12px}.hamburger{display:none;width:42px;height:42px;border:1px solid var(--line-strong);background:var(--panel);border-radius:9px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}.mobile-overlay{display:none}.bot-mini{display:flex;align-items:center;gap:9px;margin:0 8px 14px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft)}.bot-mini .dot{width:9px;height:9px;border-radius:50%;background:#ef6262;flex:none}.bot-mini .dot.on{background:#43c66f;box-shadow:0 0 11px rgba(67,198,111,.65)}.bot-mini div{min-width:0}.bot-mini b,.bot-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-mini small{color:var(--muted);font-size:10px;margin-top:2px}.bot-status-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.bot-avatar{width:62px;height:62px;border-radius:16px;background:rgba(245,197,24,.12);border:1px solid var(--line-strong);display:grid;place-items:center;font-size:29px}.secret-note{padding:10px 12px;border:1px dashed var(--line-strong);background:rgba(245,197,24,.05);border-radius:8px;color:var(--muted);font-size:12px}
@media(max-width:860px){body{overflow-x:hidden}.hamburger{display:flex}.side{position:fixed!important;top:0;bottom:0;inset-inline-start:0;width:min(290px,86vw)!important;height:100vh!important;z-index:1000;transform:translateX(-105%);transition:transform .24s ease;border-bottom:0!important;box-shadow:0 20px 60px rgba(0,0,0,.45);overflow-y:auto}.lang-ar .side{transform:translateX(105%)}body.nav-open .side{transform:translateX(0)}.nav{display:block!important}.nav a{margin-bottom:3px}.nav-section{display:block!important}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(2px);z-index:999}body.nav-open .mobile-overlay{display:block}.main{padding:16px!important}.top{position:sticky!important;top:0!important;margin:-16px -16px 18px!important;padding:11px 16px!important;z-index:80}.top-tools .tool-btn{padding:8px 9px}.page-title h2{font-size:17px}.side .brand{margin-bottom:14px!important}.bot-status-card{grid-template-columns:auto 1fr}}
@media(max-width:520px){.top-tools form{display:none}.top-tools{gap:5px}.top-left{gap:7px}.hamburger{width:38px;height:38px}.page-title .bar{display:none}.page-title h2{font-size:15px}.bot-status-card{grid-template-columns:1fr;text-align:center}.bot-avatar{margin:auto}}
/* v0.3.1 UX polish */
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-inline-end:34px!important}html[dir="rtl"] select{background-position:18px 50%,12px 50%;padding-inline-start:34px!important;padding-inline-end:12px!important}.modal{display:none;position:fixed;inset:0;z-index:2200;background:rgba(4,4,5,.78);padding:20px;overflow:auto}.modal.open{display:grid;place-items:center}.modal-dialog{width:min(920px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:20px}.modal-dialog.wide{width:min(1120px,97vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-close{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);cursor:pointer;font-size:20px}.modal-close:hover{border-color:var(--yellow);color:var(--yellow)}body.modal-open{overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.field-end{display:flex;align-items:end}.compact{gap:6px}.sticky-actions{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:14px 0 2px;background:linear-gradient(transparent,var(--panel) 28%);z-index:3}.switch-check{display:inline-flex;align-items:center;cursor:pointer}.switch-check input{position:absolute;opacity:0}.switch-check span{width:24px;height:24px;border:1px solid var(--line-strong);border-radius:7px;background:var(--bg-soft);display:grid;place-items:center}.switch-check input:checked+span{background:var(--yellow);border-color:var(--yellow)}.switch-check input:checked+span:after{content:'';color:#08080a;font-weight:900}.import-table td{vertical-align:top}.import-toolbar{border-color:var(--line-strong);background:linear-gradient(145deg,rgba(245,197,24,.07),var(--panel))}.danger-zone{border-color:rgba(239,98,98,.28)!important;background:rgba(239,98,98,.04)!important}.mobile-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.side{backdrop-filter:none}.top{backdrop-filter:none}@media(max-width:860px){.mobile-overlay{background:rgba(0,0,0,.5)!important}.modal{padding:10px}.modal-dialog,.modal-dialog.wide{width:100%;max-height:95vh;padding:15px;border-radius:13px}.toolbar{align-items:stretch}.toolbar>.actions{width:100%}.toolbar>.actions .btn{flex:1}.import-table{min-width:980px}}
.two-col-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:980px){.two-col-settings{grid-template-columns:1fr}}
/* v0.3.2 operations + mobile interaction fixes */
.nav a.active{background:linear-gradient(90deg,rgba(245,197,24,.16),rgba(245,197,24,.045));border-color:var(--line-strong);color:var(--text);box-shadow:inset 3px 0 0 var(--yellow)}html[dir="rtl"] .nav a.active{box-shadow:inset -3px 0 0 var(--yellow)}
.nav-badge{margin-inline-start:auto;min-width:23px;height:23px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;font:800 10px/1 'JetBrains Mono',monospace;border:1px solid}.nav-badge.bad{background:rgba(239,98,98,.16);color:#ffaaaa;border-color:rgba(239,98,98,.4)}.nav-badge.warn{background:rgba(245,197,24,.14);color:var(--yellow-strong);border-color:var(--line-strong)}
.stats-six{grid-template-columns:repeat(6,minmax(125px,1fr))}.filter-panel{padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);margin-bottom:16px}.filter-panel .form-grid{margin:0}.filter-panel .field{margin:0}.filter-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.click-count{display:inline-flex;align-items:center;gap:6px;color:var(--yellow);font-weight:800}.click-count:hover{text-decoration:underline}
.icon-section{border:1px solid var(--line);border-radius:13px;padding:16px;background:color-mix(in srgb,var(--bg-soft) 80%,transparent);margin-bottom:14px}.icon-section-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.icon-section-head .section-ico{width:38px;height:38px;border:1px solid var(--line-strong);border-radius:10px;display:grid;place-items:center;background:rgba(245,197,24,.07);color:var(--yellow);font-size:18px}.icon-section-head h4{margin:0;font-size:15px}.icon-section-head p{margin:3px 0 0;font-size:11px;color:var(--muted)}
.refund-box{border-color:rgba(97,169,255,.3);background:rgba(97,169,255,.04)}.refund-line{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);margin:8px 0}.operation-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.operation-toggle label{position:relative}.operation-toggle input{position:absolute;opacity:0}.operation-toggle span{display:block;text-align:center;padding:11px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.operation-toggle input:checked+span{border-color:var(--yellow);background:rgba(245,197,24,.1);color:var(--yellow)}
.bot-controls{display:flex;gap:8px;flex-wrap:wrap}.bot-controls form{margin:0}.status-dot-lg{width:11px;height:11px;border-radius:50%;display:inline-block;background:var(--red);margin-inline-end:6px}.status-dot-lg.on{background:var(--green);box-shadow:0 0 12px rgba(67,198,111,.7)}
@media(max-width:1100px){.stats-six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
  .side{z-index:1500!important}.top{z-index:1300!important}.mobile-overlay{z-index:900!important;inset:62px 0 0 0!important;background:rgba(0,0,0,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.top-tools{position:relative;z-index:2}.hamburger{position:relative;z-index:2}.main{position:relative;z-index:1}.stats-six{grid-template-columns:repeat(2,1fr)}
  body.nav-open .top{z-index:1400!important}.filter-panel .form-grid{grid-template-columns:1fr}.filter-actions .btn{flex:1}.table-wrap{max-width:100%}
}
@media(max-width:520px){.stats-six{grid-template-columns:1fr}.mobile-overlay{inset:58px 0 0!important}.top{min-height:58px}.top-tools .tool-btn{height:36px;min-width:36px}.page-title{max-width:45vw}.page-title h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* v0.3.2 mobile drawer: never dim or blur the application header/content. */
@media(max-width:860px){
  .mobile-overlay{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;inset:62px 0 0 0!important;z-index:900!important}
  .top{z-index:1600!important;pointer-events:auto!important}
  .top *{pointer-events:auto}
  .side{z-index:1500!important}
}
/* v0.3.4 admin control, reports and broadcast UX */
.stats-four{grid-template-columns:repeat(4,minmax(150px,1fr))}.stats-five{grid-template-columns:repeat(5,minmax(150px,1fr))}
.control-list{display:grid;gap:9px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.control-row>div{min-width:0}.control-row strong,.control-row small{display:block}.control-row small{margin-top:3px;color:var(--muted)}
.profit{color:var(--green)}.profit.negative{color:var(--red)}.maintenance-quick{margin:0}.tool-btn.maintenance-on{border-color:rgba(245,197,24,.62);background:rgba(245,197,24,.12);color:var(--yellow)}
.section-note{padding:12px 14px;border:1px dashed var(--line-strong);border-radius:10px;background:rgba(245,197,24,.045);color:var(--muted);font-size:12px;margin:12px 0}
@media(max-width:1100px){.stats-four,.stats-five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats-four,.stats-five{grid-template-columns:1fr}.control-row{align-items:flex-start;flex-direction:column}.control-row form,.control-row .btn{width:100%}}
/* Keep mobile top controls clickable while drawer is open. */
@media(max-width:860px){body.nav-open .top{pointer-events:auto!important}.maintenance-quick{display:block!important}.mobile-overlay{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* v0.3.6 catalog grouping, bulk actions, drag/drop and mobile drawer hardening */
.bulk-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.check-line{display:flex;align-items:center;gap:8px}.check-line input,.service-select input,.order-check{width:18px;height:18px;accent-color:var(--yellow)}
.category-groups{display:grid;gap:18px}.category-service-group{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.12)}.category-service-group.dragging-category{opacity:.55;border-color:var(--yellow)}.category-service-head{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(245,197,24,.07),var(--bg-soft))}.category-mini-image{width:54px;height:54px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.category-mini-image.placeholder{display:grid;place-items:center;font-size:22px}.category-title{flex:1;min-width:0}.category-title h3{margin:0 0 3px}.drag-handle{cursor:grab;user-select:none;font-size:22px;color:var(--muted);touch-action:none}.drag-handle:active{cursor:grabbing}.service-list{min-height:26px}.service-manage-row{display:grid;grid-template-columns:auto auto 58px minmax(190px,1.6fr) minmax(210px,1fr) auto;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line);background:var(--panel)}.service-manage-row:last-child{border-bottom:0}.service-manage-row.dragging{opacity:.45;background:rgba(245,197,24,.08)}.service-main{min-width:0}.service-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.service-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.empty-service-group{padding:20px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.service-manage-row{grid-template-columns:auto auto 50px 1fr auto}.service-meta{grid-column:4/6}.service-actions{grid-column:4/6;justify-content:flex-start}}
@media(max-width:680px){.bulk-bar,.bulk-actions{align-items:stretch}.bulk-actions{width:100%}.bulk-actions select,.bulk-actions .btn{flex:1}.category-service-head{padding:11px}.category-mini-image{width:44px;height:44px}.service-manage-row{grid-template-columns:auto auto 46px 1fr;padding:10px;gap:8px}.service-meta,.service-actions{grid-column:3/5}.service-actions .btn{min-height:36px}}
@media(max-width:860px){
  body.nav-open{overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important}
  body.nav-open .side{z-index:3200!important;pointer-events:auto!important;touch-action:pan-y!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}
  body.nav-open .mobile-overlay{display:block!important;z-index:2000!important;pointer-events:auto!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.nav-open .top{z-index:3000!important;pointer-events:auto!important}
  body.nav-open .main{pointer-events:auto}
  .side *{pointer-events:auto!important}
}
/* v0.3.7 mobile-first interaction + polished actions/templates */
.variable-card{border-color:var(--line-strong)}.variable-grid{display:flex;flex-wrap:wrap;gap:8px}.variable-chip{border:1px solid var(--line);background:var(--bg-soft);color:var(--yellow);border-radius:999px;padding:8px 11px;font:700 11px/1 'JetBrains Mono',monospace;cursor:pointer}.variable-chip:hover,.variable-chip.copied{border-color:var(--yellow);background:rgba(245,197,24,.1)}.template-card textarea{min-height:220px;line-height:1.65;font-family:'JetBrains Mono','Tajawal',monospace;font-size:12px}
.actions,.bulk-actions,.filter-actions,.service-actions{gap:9px}.actions select,.bulk-actions select,.filter-actions select{min-height:40px;padding:9px 38px 9px 12px;border:1px solid var(--line-strong);border-radius:10px;background-color:var(--bg-soft);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)}html[dir="rtl"] .actions select,html[dir="rtl"] .bulk-actions select,html[dir="rtl"] .filter-actions select{padding:9px 12px 9px 38px}.btn{min-height:40px;border-radius:10px}.btn.small{min-height:34px;border-radius:9px}.sticky-actions{gap:9px;flex-wrap:wrap}
@media(max-width:860px){
  .app{z-index:auto!important}.main{z-index:1!important}.mobile-overlay{z-index:2000!important;pointer-events:auto!important;background:rgba(0,0,0,.16)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.side{z-index:3200!important;pointer-events:auto!important;background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.top{z-index:3000!important}.nav a{min-height:44px;position:relative;z-index:1}.side .nav,.side .brand,.side .bot-mini{position:relative;z-index:2}.side *{pointer-events:auto!important}
  body.nav-open{overflow:hidden!important;overscroll-behavior:none!important}.main{overflow:visible}.top-tools{gap:5px}.top-tools .tool-btn{padding:0 8px}.page-title h2{max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .actions,.bulk-actions,.filter-actions,.service-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;align-items:stretch}.actions>* ,.bulk-actions>* ,.filter-actions>* ,.service-actions>*{width:100%!important}.actions select,.bulk-actions select,.filter-actions select{min-width:0}.sticky-actions{display:grid;grid-template-columns:1fr 1fr}.form-grid,.form-grid.three,.form-grid.four,.detail-grid{grid-template-columns:1fr!important}.card{padding:15px}.table-wrap{border-radius:12px}
}
@media(max-width:520px){.actions,.bulk-actions,.filter-actions,.service-actions,.sticky-actions{grid-template-columns:1fr}.top{gap:8px}.top-tools .maintenance-quick{display:none!important}.top-tools .tool-btn{font-size:11px}.card{padding:13px}.btn{min-height:43px}.field select,.field input,.field textarea{font-size:16px}}

/* v0.3.7 final mobile-first drawer and action polish */
@media(max-width:860px){
  .app{z-index:auto!important;isolation:auto!important}
  .mobile-overlay{position:fixed!important;inset:0!important;z-index:2000!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
  body.nav-open .mobile-overlay{display:block!important;pointer-events:auto!important}
  .side{position:fixed!important;top:0!important;bottom:0!important;height:100dvh!important;z-index:4000!important;background:var(--bg)!important;pointer-events:auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}
  body.nav-open .side{pointer-events:auto!important}
  .side .nav a,.side button,.side input,.side select{pointer-events:auto!important;touch-action:manipulation!important}
  .top{position:sticky!important;top:0!important;z-index:3000!important;pointer-events:auto!important}
  body.nav-open .main{pointer-events:none!important}
  body.nav-open .top{pointer-events:auto!important}
  .actions,.bulk-actions,.filter-actions,.service-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important}
  .actions .btn,.bulk-actions .btn,.filter-actions .btn,.service-actions .btn,.actions select,.bulk-actions select,.filter-actions select,.service-actions select{width:100%!important;min-width:0!important;justify-content:center!important}
  select{max-width:100%!important}
}
@media(max-width:520px){
  .actions,.bulk-actions,.filter-actions,.service-actions{grid-template-columns:1fr!important}
  .modal-dialog{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;margin:9px!important}
  .field select,.field input,.field textarea{min-height:44px!important;border-radius:11px!important}
}
/* v0.3.8 platform payments + icon-first admin + mobile-first interaction */
svg.lucide{width:18px;height:18px;display:block;flex:0 0 auto}.nav .ico{display:grid;place-items:center}.nav .ico svg{width:18px;height:18px}.btn svg,.tool-btn svg,.secret-note svg,.hint svg{width:16px;height:16px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.tool-btn span{white-space:nowrap}.toolbar-actions,.hero-actions,.provider-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.grow{flex:1;min-width:0}
.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gateway-card{overflow:hidden}.gateway-title{display:flex;align-items:center;gap:12px}.gateway-title>div:nth-child(2){flex:1;min-width:0}.gateway-title h3{margin:0 0 4px}.icon-tile{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-strong);background:linear-gradient(145deg,rgba(245,197,24,.14),var(--bg-soft));display:grid;place-items:center;color:var(--yellow)}.icon-tile.small{width:36px;height:36px;border-radius:9px}.gateway-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:18px 0}.gateway-tabs button{border:0;border-inline-end:1px solid var(--line);background:var(--bg-soft);color:var(--muted);padding:11px 8px;cursor:pointer;font-weight:700}.gateway-tabs button:last-child{border-inline-end:0}.gateway-tabs button.active{background:rgba(245,197,24,.12);color:var(--yellow)}.tab-panel{display:none}.tab-panel.active{display:block}.help-box,.locked-feature,.secret-reveal,.maintenance-panel{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);margin-bottom:14px}.help-box p,.locked-feature p,.maintenance-panel p{margin:5px 0 0}.copy-field{display:flex;gap:7px}.copy-field input{flex:1}.icon-btn{padding:9px}.secret-reveal{border-color:var(--line-strong);flex-wrap:wrap}.secret-reveal code{flex:1;min-width:220px;padding:9px 11px;background:var(--bg);border-radius:8px;overflow-wrap:anywhere}.variable-note{font-size:12px;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap}.test-status{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.test-status small{color:var(--muted)}
.primary-provider-card,.external-provider-card{overflow:hidden}.connect-key-form{display:flex;gap:10px;align-items:end}.provider-card-list{display:grid;gap:10px;margin-top:14px}.provider-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft)}.provider-identity{display:flex;align-items:center;gap:10px;flex:1;min-width:170px}.provider-identity strong,.provider-identity small{display:block}.provider-identity small{color:var(--muted);margin-top:3px}.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-method-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}.payment-method-head{display:flex;align-items:center;gap:10px}.payment-method-head strong,.payment-method-head small{display:block}.payment-method-head small{color:var(--muted);margin-top:3px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.metric-row>span{padding:10px;border:1px solid var(--line);border-radius:9px}.metric-row small,.metric-row b{display:block}.metric-row small{color:var(--muted);margin-bottom:4px}.maintenance-panel{align-items:center;margin-top:16px}.maintenance-panel.is-on{border-color:rgba(245,197,24,.55);background:rgba(245,197,24,.08)}.empty-preview{width:100%;min-height:130px;height:auto;display:flex;align-items:center;justify-content:center;gap:9px}.stats-grid.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.stats-grid.compact .stat{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.category-mini-image.placeholder,.thumb-placeholder{display:grid;place-items:center;color:var(--muted)}.drag-handle svg{width:20px;height:20px}.service-main .hint{display:flex;align-items:center;gap:5px}.badge.ok,.badge.bad{font-weight:700;letter-spacing:.15px}
@media(max-width:1150px){.gateway-grid{grid-template-columns:1fr}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
  html,body{max-width:100%;overflow-x:hidden}.main{width:100%;min-width:0}.top{isolation:isolate}.side{width:min(320px,88vw)!important;max-width:88vw!important;box-shadow:18px 0 55px rgba(0,0,0,.45)!important}.lang-ar .side{box-shadow:-18px 0 55px rgba(0,0,0,.45)!important}
  body.nav-open .side{transform:translateX(0)!important}.mobile-overlay{inset:0!important;background:transparent!important}.side{overscroll-behavior-y:contain!important}.side nav{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
  .gateway-grid,.payment-method-grid{grid-template-columns:1fr}.gateway-tabs{grid-template-columns:repeat(2,1fr)}.connect-key-form,.provider-row{align-items:stretch;flex-direction:column}.connect-key-form .btn,.provider-actions,.provider-actions>*{width:100%}.provider-actions{display:grid;grid-template-columns:1fr 1fr}.provider-actions .btn{width:100%}.toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.toolbar{align-items:flex-start}.payment-method-card{padding:13px}.top-tools .tool-btn span{display:none}.top-tools .maintenance-quick .tool-btn span{display:inline}.top-tools .maintenance-quick .tool-btn{font-size:10px}.main>.welcome{padding:16px}
}
@media(max-width:520px){.gateway-tabs{grid-template-columns:1fr 1fr}.toolbar-actions,.provider-actions,.stats-grid.compact{grid-template-columns:1fr}.gateway-title{align-items:flex-start}.gateway-title>.badge{margin-inline-start:auto}.connect-key-form{display:grid}.top-tools .maintenance-quick{display:block!important}.top-tools .maintenance-quick .tool-btn span{display:none}.main{padding:12px!important}.top{margin:-12px -12px 14px!important;padding:10px 12px!important}.page-title h2{max-width:40vw!important}.modal{padding:0!important}.modal-dialog{border-radius:15px!important}.field input,.field select,.field textarea{font-size:16px!important}.btn{touch-action:manipulation}.side .nav a{min-height:48px}}
/* v0.3.8 gateway transaction detail */
.gateway-error{margin-top:7px;max-width:320px}.gateway-error summary{cursor:pointer;font-size:12px;color:var(--muted)}.gateway-error code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;padding:8px;border-radius:8px;background:rgba(255,255,255,.04);font-size:11px}

.switch-check input:checked+span:after{content:'';width:8px;height:8px;border-radius:50%;background:#08080a;display:block}
.field label{display:flex;align-items:center;gap:6px}.field label svg{width:14px;height:14px;color:var(--muted)}.icon-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-ico{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--yellow);background:var(--bg-soft)}.section-ico svg{width:18px;height:18px}.icon-section-head h4{margin:0}.icon-section-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
/* v0.3.9 platform owner console */
.platform-body{font-family:'Inter',Arial,sans-serif;background:#08090b;color:#f4f3ed;min-height:100vh}.platform-body:before{opacity:.025}.platform-body:after{opacity:.65}.platform-app{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.platform-side{position:sticky;top:0;height:100vh;padding:18px 14px;background:rgba(10,10,12,.96);border-inline-end:1px solid rgba(245,197,24,.16);display:flex;flex-direction:column;z-index:3100}.platform-brand{height:66px;display:flex;align-items:center;gap:12px;padding:0 10px 16px;border-bottom:1px solid rgba(245,197,24,.14)}.platform-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(245,197,24,.42);background:linear-gradient(145deg,rgba(245,197,24,.15),rgba(245,197,24,.02));color:#f5c518;font:800 23px/1 'Chakra Petch',sans-serif}.platform-brand strong,.platform-brand small{display:block}.platform-brand strong{font:700 17px/1 'Chakra Petch',sans-serif;letter-spacing:1.5px}.platform-brand small{color:#777b84;font:600 9px/1.2 'JetBrains Mono',monospace;letter-spacing:1.7px;margin-top:5px}.platform-nav{display:grid;gap:5px;padding:20px 0;flex:1}.platform-nav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 13px;border-radius:10px;border:1px solid transparent;color:#8f949d;font-weight:650;font-size:13px;transition:.18s}.platform-nav a svg{width:18px;height:18px}.platform-nav a:hover{color:#f2f0e7;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.06)}.platform-nav a.active{color:#f5c518;background:linear-gradient(90deg,rgba(245,197,24,.13),rgba(245,197,24,.035));border-color:rgba(245,197,24,.2);box-shadow:inset 3px 0 #f5c518}.platform-side-foot{border-top:1px solid rgba(245,197,24,.12);padding:16px 6px 0;display:flex;align-items:center;gap:9px}.platform-owner{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.platform-owner>svg{width:18px;color:#f5c518}.platform-owner small,.platform-owner strong{display:block;overflow:hidden;text-overflow:ellipsis}.platform-owner small{font-size:10px;color:#737780}.platform-owner strong{font-size:12px;margin-top:2px}.platform-content{min-width:0;padding:0 28px 40px}.platform-header{height:92px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(245,197,24,.11);margin-bottom:24px}.platform-header>div:nth-child(2){flex:1;min-width:0}.platform-kicker{display:block;color:#f5c518;font:600 9px/1 'JetBrains Mono',monospace;letter-spacing:1.8px;margin-bottom:7px}.platform-header h1{font:700 clamp(22px,2.4vw,30px)/1.1 'Chakra Petch',sans-serif;margin:0}.platform-header p{margin:5px 0 0;color:#7f848d;font-size:12px}.platform-header-tools{display:flex;gap:8px}.platform-icon-btn,.platform-menu-btn{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid rgba(245,197,24,.16);border-radius:10px;background:#15161a;color:#d9d8d1;cursor:pointer}.platform-icon-btn:hover,.platform-menu-btn:hover{color:#f5c518;border-color:rgba(245,197,24,.45)}.platform-icon-btn svg,.platform-menu-btn svg{width:17px;height:17px}.platform-menu-btn{display:none}.platform-overlay{display:none}.platform-flash{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:18px;border-radius:10px;border:1px solid rgba(69,198,111,.3);background:rgba(69,198,111,.08);font-size:13px}.platform-flash.danger{border-color:rgba(239,98,98,.3);background:rgba(239,98,98,.08)}.platform-flash svg{width:17px;height:17px}.platform-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px}.platform-kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-kpi{min-height:116px;padding:16px;border:1px solid rgba(245,197,24,.13);border-radius:14px;background:linear-gradient(145deg,#17181b,#111216);display:flex;align-items:center;gap:14px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.platform-kpi>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.14);color:#f5c518}.platform-kpi>span svg{width:19px}.platform-kpi small,.platform-kpi strong,.platform-kpi em{display:block}.platform-kpi small{color:#848991;font-size:11px}.platform-kpi strong{font:700 25px/1.1 'Chakra Petch',sans-serif;margin:5px 0 4px}.platform-kpi em{font-style:normal;color:#666b73;font-size:10px}.platform-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.platform-card{background:linear-gradient(155deg,#17181b,#121316);border:1px solid rgba(245,197,24,.13);border-radius:15px;padding:18px;margin-bottom:18px;box-shadow:0 20px 55px rgba(0,0,0,.16)}.platform-card.warning{border-color:rgba(245,197,24,.28)}.platform-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.platform-card-head>div>span{display:block;color:#7a7f87;font:600 9px/1 'JetBrains Mono',monospace;letter-spacing:1.5px;margin-bottom:7px}.platform-card-head h2{font:700 17px/1.2 'Chakra Petch',sans-serif;margin:0}.platform-card-head>a,.platform-link{color:#f5c518;font-size:11px;font-weight:700}.platform-list{display:grid}.platform-list-row{display:flex;align-items:center;gap:11px;padding:12px 4px;border-top:1px solid rgba(255,255,255,.055)}.platform-list-row:first-child{border-top:0}.platform-list-row:hover{background:rgba(255,255,255,.018)}.platform-row-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#0e0f12;border:1px solid rgba(245,197,24,.13);color:#f5c518}.platform-row-icon svg{width:16px}.platform-list-row strong,.platform-list-row small,.platform-table strong,.platform-table small{display:block}.platform-list-row strong{font-size:12px}.platform-list-row small,.platform-table small{font-size:10px;color:#737881;margin-top:3px}.platform-mini-stat{text-align:center;min-width:45px}.platform-mini-stat b,.platform-mini-stat small{display:block}.platform-mini-stat b{font:700 14px/1 'Chakra Petch',sans-serif}.platform-money{font:700 11px/1 'JetBrains Mono',monospace;white-space:nowrap}.platform-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:999px;font:700 9px/1 'JetBrains Mono',monospace;text-transform:uppercase;white-space:nowrap;background:rgba(97,169,255,.1);color:#86bdff;border:1px solid rgba(97,169,255,.18)}.platform-status.completed,.platform-status.active{background:rgba(67,198,111,.1);color:#6fda91;border-color:rgba(67,198,111,.18)}.platform-status.failed,.platform-status.canceled,.platform-status.refunded{background:rgba(239,98,98,.1);color:#f18787;border-color:rgba(239,98,98,.18)}.platform-status.pending,.platform-status.processing,.platform-status.partial{background:rgba(245,197,24,.09);color:#f5d04f;border-color:rgba(245,197,24,.18)}.platform-period-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.platform-period-grid>div{padding:13px;border:1px solid rgba(255,255,255,.055);background:#0e0f12;border-radius:10px}.platform-period-grid small,.platform-period-grid strong{display:block}.platform-period-grid small{color:#70757d;font-size:10px;margin-bottom:6px}.platform-period-grid strong{font:700 18px/1 'Chakra Petch',sans-serif}.platform-filter{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.platform-filter.compact>*{flex:1;min-width:140px}.platform-search{position:relative;display:flex;align-items:center;flex:1;min-width:240px}.platform-search svg{position:absolute;left:12px;width:16px;color:#666b73}.platform-search input{padding-left:38px!important}.platform-filter input,.platform-filter select,.platform-form-grid input,.platform-form-grid select{height:42px;border-radius:10px;border:1px solid rgba(245,197,24,.14);background:#0d0e11;color:#e9e8e0;padding:0 12px;outline:none}.platform-filter input:focus,.platform-filter select:focus,.platform-form-grid input:focus,.platform-form-grid select:focus{border-color:rgba(245,197,24,.52);box-shadow:0 0 0 3px rgba(245,197,24,.06)}.platform-btn{min-height:42px;padding:0 14px;border:1px solid rgba(245,197,24,.24);border-radius:10px;background:#17181c;color:#e9e8e0;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;font-size:11px}.platform-btn.primary{background:#f5c518;color:#0b0b0c;border-color:#f5c518}.platform-btn svg{width:15px}.platform-table-wrap{width:100%;overflow:auto;border:1px solid rgba(255,255,255,.055);border-radius:11px}.platform-table{width:100%;border-collapse:collapse;min-width:860px}.platform-table th{padding:11px 12px;background:#0d0e11;color:#70757d;text-align:left;font:600 9px/1 'JetBrains Mono',monospace;letter-spacing:.65px;text-transform:uppercase}.platform-table td{padding:12px;border-top:1px solid rgba(255,255,255,.055);font-size:11px;vertical-align:middle}.platform-table-main{display:flex;align-items:center;gap:9px}.platform-actions{display:flex;gap:6px}.platform-actions .platform-icon-btn{width:34px;height:34px}.platform-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-form-grid label{display:grid;gap:7px}.platform-form-grid label>span{font-size:11px;color:#92969e}.platform-form-grid .full{grid-column:1/-1}.platform-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#0f1013}.platform-toggle input{width:17px;height:17px}.platform-toggle b,.platform-toggle small{display:block}.platform-toggle b{font-size:12px}.platform-toggle small{color:#70757d;margin-top:4px;font-size:10px}.platform-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.platform-muted{color:#7f848d;font-size:12px}.platform-empty{text-align:center;padding:28px;color:#6e737b;font-size:12px}.platform-login .login-card{font-family:'Inter',sans-serif}.platform-login .brand-mark{font-family:'Chakra Petch',sans-serif}
@media(max-width:1250px){.platform-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.platform-app{display:block}.platform-side{position:fixed;left:0;top:0;width:min(300px,86vw);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 55px rgba(0,0,0,.45)}.platform-nav-open .platform-side{transform:translateX(0)}.platform-overlay{display:block;position:fixed;inset:0;border:0;background:rgba(0,0,0,.48);z-index:3000;opacity:0;pointer-events:none;transition:.2s}.platform-nav-open .platform-overlay{opacity:1;pointer-events:auto}.platform-nav-open{overflow:hidden}.platform-content{padding:0 14px 30px}.platform-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(8,9,11,.94);backdrop-filter:blur(10px);margin:0 -14px 18px;padding:0 14px}.platform-menu-btn{display:inline-grid}.platform-header p{display:none}.platform-grid-2{grid-template-columns:1fr}.platform-kpi-grid,.platform-kpi-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-form-grid{grid-template-columns:1fr}.platform-form-grid .full{grid-column:auto}.platform-filter{align-items:stretch}.platform-filter>*{flex:1}.platform-search{min-width:100%}.report-tools{display:grid}.platform-card{padding:14px}.platform-table-wrap{border-radius:10px}}
@media(max-width:520px){.platform-kpi-grid,.platform-kpi-grid.four{grid-template-columns:1fr 1fr;gap:9px}.platform-kpi{min-height:100px;padding:12px;gap:10px}.platform-kpi>span{width:34px;height:34px;border-radius:9px}.platform-kpi strong{font-size:20px}.platform-kpi em{display:none}.platform-period-grid{grid-template-columns:1fr 1fr}.platform-card-head{align-items:flex-start}.platform-filter.compact{display:grid;grid-template-columns:1fr}.platform-filter.compact>*{width:100%;min-width:0}.platform-header h1{font-size:21px}.platform-header-tools{display:none}.platform-list-row{gap:8px}.platform-mini-stat{display:none}.platform-list-row .platform-status{display:none}.platform-money{font-size:10px}.platform-form-actions .platform-btn{width:100%}}
/* v0.5.0 provider pricing + import polish */
.price-chip{display:flex;flex-direction:column;gap:2px;padding:8px 11px;border:1px solid var(--line,#e6d8a9);border-radius:10px;background:rgba(255,255,255,.55);min-width:105px}.price-chip small{font-size:10px;opacity:.65;text-transform:uppercase}.price-chip strong{white-space:nowrap}.price-final{background:rgba(65,190,100,.08);border-color:rgba(65,190,100,.3)}.price-danger{background:#fff0f0!important;border-color:#ff7777!important;color:#a71d1d;box-shadow:0 0 0 3px rgba(255,70,70,.07)}
.import-category-block{border:1px solid var(--line,#e6d8a9);border-radius:14px;margin:14px 0;overflow:hidden}.import-category-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:rgba(194,145,0,.07);position:sticky;top:0;z-index:2}.import-category-head select,.premium-select{min-height:42px;border-radius:10px;border:1px solid #d8c688;background:#fffdf5;padding:0 38px 0 12px}.import-table td{vertical-align:top}.import-price-grid{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px;align-items:end}.import-price-box{padding:9px;border:1px solid #e7dab0;border-radius:10px;background:#fffdf7}.import-price-box label{display:block;font-size:10px;opacity:.6;margin-bottom:4px}.import-price-box output{font-weight:800}.already-imported{opacity:.52}.already-imported td{background:rgba(120,120,120,.035)}
@media(max-width:800px){.import-price-grid{grid-template-columns:1fr}.toolbar-actions{width:100%}.toolbar-actions>*{flex:1 1 180px}.price-chip{min-width:88px}}
.report-tabs{display:flex;gap:6px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--line,#ddd);border-radius:12px;margin-bottom:16px;scrollbar-width:thin}.report-tabs a{padding:9px 12px;border-radius:8px;white-space:nowrap;color:inherit;text-decoration:none;font-size:13px}.report-tabs a.active{background:#ececec;font-weight:800}.report-toolbar{align-items:flex-end}.report-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-filters select{min-height:38px;border-radius:8px}.report-matrix{max-height:70vh}.report-matrix th:first-child{position:sticky;left:0;background:#fff;z-index:2}.report-chart-card{overflow:hidden}.report-chart-card canvas{display:block;width:100%;height:250px}
.report-change{font-weight:800;white-space:nowrap}.report-change.up{color:#18864b}.report-change.down{color:#c0392b}

/* v0.5.1 mobile-first catalog + report theme fixes */
.report-tabs{background:var(--panel)!important;border-color:var(--line)!important;color:var(--muted)!important}
.report-tabs a{color:var(--muted)!important;border:1px solid transparent}
.report-tabs a:hover{color:var(--text)!important;background:rgba(245,197,24,.05);border-color:var(--line)}
.report-tabs a.active{background:rgba(245,197,24,.12)!important;color:var(--yellow)!important;border-color:var(--line-strong);font-weight:800}
.report-matrix th:first-child{inset-inline-start:0!important;left:auto!important;background:var(--bg-soft)!important;color:var(--text)!important}
.report-filters select{background-color:var(--bg-soft)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.report-chart-card{background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 96%,var(--yellow) 4%),var(--panel))!important}

@media(max-width:860px){
  body{font-size:13px}
  .main{padding:12px!important}
  .top{margin:-12px -12px 14px!important;padding:9px 12px!important;min-height:58px}
  .page-title h2{font-size:15px!important}
  .card{padding:12px;margin-bottom:12px;border-radius:11px}
  .card h3{font-size:15px}
  .toolbar{gap:9px;margin-bottom:12px}
  .toolbar h3,.hero-card h3{font-size:17px!important}
  .toolbar p,.hero-card p{font-size:11px;line-height:1.55}
  .toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;width:100%}
  .toolbar-actions>*,.toolbar-actions form,.toolbar-actions .btn{width:100%!important;min-width:0!important}
  .btn{padding:8px 10px;font-size:11px;min-height:36px}
  .btn.small{padding:6px 8px;font-size:10px;min-height:32px}
  .field label{font-size:11px}.field input,.field select,.field textarea{font-size:12px;padding:9px 10px}
  .filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.filters select{width:100%;min-width:0}
  .report-tabs{margin-inline:-2px;padding:5px;gap:4px}.report-tabs a{font-size:10px;padding:7px 9px}
  .report-toolbar{align-items:stretch}.report-filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.report-filters>*{width:100%;min-width:0}.report-filters .btn{grid-column:1/-1}
  .grid.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.grid.stats .stat{padding:11px}.stat b{font-size:18px}.stat .muted{font-size:10px}
}

@media(max-width:680px){
  body{font-size:12.5px}
  .category-groups{gap:12px}
  .category-service-group{border-radius:12px;overflow:visible}
  .category-service-head{display:grid;grid-template-columns:28px 38px minmax(0,1fr);gap:8px;padding:10px;border-radius:12px 12px 0 0}
  .category-service-head>.actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:6px;width:100%}
  .category-service-head>.actions form,.category-service-head>.actions .btn{width:100%}
  .category-title h3{font-size:14px;line-height:1.35}.category-title .muted,.custom-id-line,.hint{font-size:10px!important;line-height:1.45}
  .category-mini-image{width:38px;height:38px;border-radius:9px}.drag-handle{font-size:16px}
  .service-list{display:grid;gap:9px;padding:9px;background:color-mix(in srgb,var(--bg-soft) 75%,transparent)}
  .service-manage-row{display:grid!important;grid-template-columns:24px 28px 36px minmax(0,1fr)!important;gap:7px!important;align-items:start!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:11px;background:var(--panel)!important;box-shadow:0 6px 20px rgba(0,0,0,.08)}
  .service-manage-row:last-child{border-bottom:1px solid var(--line)!important}
  .thumb-placeholder{width:34px;height:34px;border-radius:8px;font-size:16px}
  .service-main{grid-column:4;min-width:0;padding-inline-end:2px}.service-main strong{display:block;font-size:12px;line-height:1.45;word-break:break-word}.service-main>.muted{font-size:10.5px;line-height:1.5;margin-top:3px;word-break:break-word}
  .service-meta{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;margin-top:2px}
  .service-meta>.badge{justify-content:center;min-width:0;font-size:9.5px;padding:5px 6px}.price-chip{min-width:0!important;padding:7px 8px!important;border-radius:9px}.price-chip small{font-size:8.5px!important}.price-chip strong{font-size:11px;white-space:normal!important;word-break:break-word}
  .service-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px 42px;gap:6px!important;width:100%}.service-actions form{width:100%}.service-actions .btn{width:100%;min-width:0}
  .bulk-bar{padding:10px}.bulk-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.bulk-actions .check-line{grid-column:1/-1}.bulk-actions select,.bulk-actions .btn{width:100%}.bulk-actions #selectedCount{align-self:center;font-size:10px}
  .modal-dialog,.modal-dialog.wide{padding:12px!important}.modal-head{margin-bottom:12px;padding-bottom:10px}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr!important;gap:8px}.full{grid-column:auto!important}
  table{font-size:10px}th,td{padding:9px 8px}.table-wrap{border-radius:9px}
  .grid.stats{grid-template-columns:1fr 1fr!important}.report-chart-card canvas{height:190px!important}.report-matrix{max-height:62vh}
}

@media(max-width:420px){
  .main{padding:9px!important}.top{margin:-9px -9px 12px!important;padding:8px 9px!important}
  .toolbar-actions{grid-template-columns:1fr}.filters,.report-filters{grid-template-columns:1fr}.report-filters .btn{grid-column:auto}
  .grid.stats{grid-template-columns:1fr 1fr!important}.grid.stats .stat{min-height:82px}.stat b{font-size:16px}
  .category-service-head>.actions{grid-template-columns:1fr 1fr}.category-service-head>.actions form:last-child{grid-column:1/-1}
  .service-meta{grid-template-columns:1fr 1fr}.service-actions{grid-template-columns:1fr 38px 38px}
}
@media(max-width:680px){
  .category-service-head{grid-template-columns:38px minmax(0,1fr)!important}
  .category-service-head>.drag-handle{display:none!important}
  .category-service-head>.category-mini-image{grid-column:1}
  .category-service-head>.category-title{grid-column:2}
  .category-title .custom-id-line{display:none!important}
  .service-manage-row{grid-template-columns:28px 36px minmax(0,1fr)!important}
  .service-manage-row>.drag-handle{display:none!important}
  .service-manage-row>.service-select{grid-column:1}
  .service-manage-row>.thumb-placeholder{grid-column:2}
  .service-main{grid-column:3!important}
  .service-main .custom-id-line{display:none!important}
  .service-meta,.service-actions{grid-column:1/-1!important}
  .main,.card,.category-service-group,.service-manage-row{max-width:100%;min-width:0}
  .muted,.hint{overflow-wrap:anywhere}
}

/* v0.5.2 mobile comfort + action modals */
.delete-service-summary{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(239,98,98,.24);background:rgba(239,98,98,.06);border-radius:12px;margin-bottom:12px}.danger-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;color:var(--red);background:rgba(239,98,98,.10);border:1px solid rgba(239,98,98,.24)}.delete-service-summary strong{display:block;font-size:15px;overflow-wrap:anywhere}.delete-service-summary p{margin:5px 0 0;line-height:1.6}.modal-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.wide-btn{width:100%;margin-top:9px}.confirm-dialog{width:min(540px,96vw)}.confirm-message{padding:16px;border:1px solid var(--line);background:var(--bg-soft);border-radius:11px;line-height:1.75;overflow-wrap:anywhere}

@media(max-width:680px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .app,.main,.top,.toolbar,.card,.bulk-bar,.category-groups,.category-service-group,.service-list,.service-manage-row{max-width:100%!important;min-width:0!important}
  .main{width:100%!important;padding:10px!important}
  .top{width:auto!important;margin:-10px -10px 12px!important;padding:8px 10px!important}
  .top-tools{gap:5px;min-width:0}.tool-btn{height:34px;min-width:34px;padding:0 8px;font-size:10px}.page-title{gap:7px;min-width:0}.page-title .bar{height:26px}.page-title h2{font-size:14px!important;max-width:52vw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .card{padding:10px!important;margin-bottom:10px!important}.toolbar{padding:0 1px}.toolbar h3,.hero-card h3{font-size:15px!important}.toolbar p,.hero-card p{font-size:10px!important}
  .btn{min-height:34px!important;padding:7px 8px!important;font-size:10.5px!important}.btn.small{min-height:31px!important;padding:6px 7px!important;font-size:9.5px!important}
  .field input,.field select,.field textarea{font-size:13px!important;line-height:1.35!important;max-width:100%!important;min-width:0!important}.field textarea{min-height:92px}
  .category-service-head{padding:9px!important}.category-service-head>.actions{grid-template-columns:1fr 1fr!important}.category-service-head>.actions form:last-child{grid-column:1/-1}.category-title h3{font-size:13px!important}.category-title .muted{font-size:9.5px!important}
  .service-list{padding:7px!important;gap:8px!important}.service-manage-row{padding:9px!important;grid-template-columns:26px 34px minmax(0,1fr)!important;gap:6px!important}.service-select{align-self:start;margin-top:4px}.thumb-placeholder{width:32px!important;height:32px!important}.service-main strong{font-size:11.5px!important}.service-main>.muted{font-size:9.8px!important}.service-main .hint{font-size:9px!important}
  .service-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.price-chip{padding:6px 7px!important}.price-chip small{font-size:8px!important}.price-chip strong{font-size:10.5px!important}.service-meta>.badge{font-size:9px!important}
  .service-actions{grid-template-columns:minmax(0,1fr) 38px 38px!important;gap:5px!important}.service-actions .btn{min-height:32px!important}
  .table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}
  .modal{padding:7px!important;align-items:end!important}.modal.open{place-items:end center!important}.modal-dialog,.modal-dialog.wide{width:100%!important;max-width:100%!important;max-height:88dvh!important;border-radius:16px 16px 0 0!important;padding:12px!important;margin:0!important}.modal-head h3{font-size:14px}.modal-close{width:34px;height:34px}.modal-action-grid{gap:7px}.delete-service-summary{padding:11px}.danger-icon{width:36px;height:36px}.delete-service-summary strong{font-size:13px}
  .import-category-head{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:10px!important}.import-category-head .field{min-width:0!important;width:100%!important}.import-category-head select{width:100%!important}.import-table{min-width:760px!important}.import-price-grid{gap:5px!important}.import-price-box{padding:6px!important}
}
@media(max-width:430px){
  .toolbar-actions,.filters,.report-filters,.bulk-actions{grid-template-columns:1fr!important}.bulk-actions .check-line{grid-column:auto!important}
  .service-meta{grid-template-columns:1fr 1fr!important}.service-actions{grid-template-columns:1fr 36px 36px!important}
  .modal-action-grid{grid-template-columns:1fr!important}.grid.stats{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .top-tools .tool-btn span{display:none}.top-tools .tool-btn{padding:0 7px}
}