:root{
    --bg:#f3fffb;--panel:#ffffff;--text:#10233f;--muted:#64748b;
    --primary:#14b8a6;--primary2:#38bdf8;--primary-dark:#0f766e;--accent:#22c55e;
    --border:#d7f4ec;--danger:#dc2626;--success:#10b981;--warning:#f59e0b;
    --shadow:0 18px 45px rgba(20,184,166,.13);--soft:#eafff8;
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#d9fff4 0,#f3fffb 34%,#f8fbff 100%);color:var(--text);font-family:Tahoma,Arial,sans-serif;overflow-x:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:286px;background:linear-gradient(180deg,#063b35,#0f766e 58%,#0ea5e9);color:#eafffb;padding:18px;position:fixed;top:0;bottom:0;overflow:auto;box-shadow:12px 0 35px rgba(2,24,75,.12);transition:.28s ease}.rtl .sidebar{right:0}.ltr .sidebar{left:0}.brand-box{display:flex;gap:12px;align-items:center;margin-bottom:18px;background:rgba(255,255,255,.14);padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.22)}.brand-icon{width:54px;height:54px;border-radius:19px;background:linear-gradient(135deg,#fff,#c7fff0);display:grid;place-items:center;font-size:25px;color:var(--primary);overflow:hidden}.brand-icon img{max-width:100%;max-height:100%;object-fit:contain}.brand-box small{display:block;color:#d7fff6;margin-top:4px}.nav-title{font-size:12px;color:#d7fff6;margin:18px 8px 7px;text-transform:uppercase;letter-spacing:.6px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#ecfffb;text-decoration:none;padding:11px 12px;border-radius:16px;margin:5px 0;transition:.2s;position:relative}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.18);color:#fff;transform:translateX(-3px)}.ltr .sidebar nav a:hover,.ltr .sidebar nav a.active{transform:translateX(3px)}.sidebar nav a.active:before{content:'';width:5px;height:24px;border-radius:9px;background:#fff;position:absolute;right:7px}.ltr .sidebar nav a.active:before{right:auto;left:7px}.main{flex:1}.rtl .main{margin-right:286px}.ltr .main{margin-left:286px}.topbar{min-height:74px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,184,166,.14);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:3}.menu-btn{display:none}.quick-search{flex:1}.quick-search input,input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:11px 13px;background:#fff;color:var(--text);outline:none;transition:border .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(20,184,166,.10)}textarea{min-height:100px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions a,.link,.mini-link{color:var(--primary-dark);text-decoration:none;font-weight:800}.lang-pill{background:#eafff8;padding:8px 11px;border-radius:999px}.top-actions button{border:0;background:#eafff8;border-radius:12px;padding:9px 12px;color:#0f766e;font-weight:800}.content{padding:26px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.page-head h1{margin:0;font-size:29px;color:#064e45}.page-head p{margin:6px 0 0;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;text-decoration:none;padding:11px 17px;border-radius:14px;cursor:pointer;box-shadow:0 8px 20px rgba(20,184,166,.22);position:relative;overflow:hidden;font-weight:800;gap:8px}.btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.btn.secondary{background:#eafff8;color:#0f766e;box-shadow:none}.btn.danger{background:#fee2e2;color:#991b1b;box-shadow:none}.btn.full,.btn-block{width:100%}.cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:18px}.mini-cards{grid-template-columns:repeat(5,minmax(130px,1fr))}.report-summary{grid-template-columns:repeat(4,minmax(160px,1fr))}.report-cards{grid-template-columns:repeat(6,minmax(160px,1fr))}.card,.panel{background:rgba(255,255,255,.95);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.card{padding:18px}.stat{position:relative;overflow:hidden}.stat:after{content:'';position:absolute;inset:auto -20px -30px auto;width:100px;height:100px;border-radius:999px;background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(56,189,248,.12))}.stat span{font-size:28px}.stat small{display:block;color:var(--muted);margin:8px 0}.stat strong{font-size:22px;color:#064e45}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:18px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:start;border-bottom:1px solid var(--border);padding:12px 10px;vertical-align:middle}th{font-size:13px;color:#0f766e;background:#effff9;position:sticky;top:0}td small{display:block;color:var(--muted)}tbody tr{transition:.18s}tbody tr:hover{background:#fbfffd}.badge{display:inline-flex;background:#dff7ec;color:#047857;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.badge.blue{background:#e0f2fe;color:#0369a1}.badge.warn{background:#fef3c7;color:#92400e}.badge.red{background:#fee2e2;color:#991b1b}.filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:14px}.advanced-search{background:rgba(255,255,255,.78);padding:14px;border-radius:22px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(20,184,166,.07)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px}.wide{grid-column:1/-1}.section-title{font-weight:900;color:#0f766e;background:#eafff8;border-radius:16px;padding:12px;border:1px solid var(--border)}.check-row{display:flex!important;align-items:center;gap:8px;background:#fbfffd;border:1px solid var(--border);padding:10px;border-radius:14px}.check-row input{width:auto}.alert{border-radius:16px;padding:12px 14px;margin-bottom:14px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.details div{background:#fbfffd;border-radius:14px;padding:12px;border:1px solid var(--border)}.details b{display:block;color:#497098;margin-bottom:5px}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#8ef7da,#14b8a6 38%,#0ea5e9)}.login-card{width:min(460px,94vw);background:rgba(255,255,255,.96);border-radius:30px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.35)}.login-logo{font-size:48px;text-align:center}.login-card h1{text-align:center;margin:8px 0;color:#064e45}.login-card p{text-align:center;color:var(--muted)}.remember-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.hint{display:block;text-align:center;color:var(--muted);margin-top:14px}.report-card{text-decoration:none;color:var(--text);min-height:150px;position:relative;overflow:hidden}.report-card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(56,189,248,.05));opacity:.85}.report-card span,.report-card strong,.report-card small{position:relative}.report-card span{font-size:36px}.report-card strong,.report-card small{display:block;margin-top:8px}.logo-preview,.file-preview{background:#fbfffd;border:1px dashed #99f6e4;border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px}.logo-preview img{max-height:65px;max-width:140px}.form-outline{position:relative}.form-outline .form-control,.form-outline select,.form-outline textarea{padding:1rem .9rem .72rem}.form-outline .form-label{position:absolute;top:.78rem;left:.85rem;right:auto;color:#64748b;background:#fff;padding:0 .28rem;pointer-events:none;transition:.16s ease;border-radius:6px}.rtl .form-outline .form-label{right:.85rem;left:auto}.form-outline .form-control:focus~.form-label,.form-outline select:focus~.form-label,.form-outline textarea:focus~.form-label,.form-outline .form-control:not(:placeholder-shown)~.form-label,.form-outline textarea:not(:placeholder-shown)~.form-label,.form-outline select~.form-label,.form-outline.active .form-label{top:-.53rem;font-size:.78rem;color:var(--primary-dark);font-weight:800}.mb-4{margin-bottom:1rem}.row{display:flex;gap:14px;flex-wrap:wrap}.row .col{flex:1;min-width:180px}.form-check{display:flex;align-items:center;gap:8px}.form-check input{width:auto}.wizard{position:relative}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.wizard-step{border:1px solid var(--border);border-radius:18px;padding:12px;background:#fff;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:10px;font-weight:800}.wizard-step span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eafff8;color:#0f766e}.wizard-step.active{background:linear-gradient(135deg,#eafff8,#f0f9ff);border-color:#99f6e4;box-shadow:0 10px 25px rgba(20,184,166,.12);transform:translateY(-2px)}.wizard-panel{display:none;animation:fadeIn .25s ease both}.wizard-panel.active{display:block}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.invoice-page{background:#fff;padding:30px;border-radius:16px;max-width:940px;margin:0 auto;color:#111;box-shadow:0 20px 55px rgba(2,24,75,.12);position:relative;overflow:hidden}.invoice-ribbon{position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--invoice-primary),var(--invoice-accent))}.invoice-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--invoice-primary);padding-bottom:14px}.invoice-shop{display:flex;gap:14px;align-items:flex-start}.invoice-logo{max-width:90px;max-height:80px;object-fit:contain}.invoice-head h1{margin:0;color:var(--invoice-primary)}.invoice-head p{margin:4px 0;color:#475569}.invoice-header-text{font-weight:700;color:#0f172a!important}.invoice-code{text-align:center}.barcode-img{width:210px;max-height:70px;object-fit:contain}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;background:#f8fbff;border:1px solid #e0f2fe;border-radius:14px;padding:12px}.invoice-table th,.invoice-table td{border:1px solid #d7e9ff}.invoice-table th{background:var(--invoice-primary);color:#fff}.invoice-total{max-width:350px;margin:18px 0 18px auto;border:1px solid #d7e9ff;border-radius:14px;overflow:hidden}.rtl .invoice-total{margin-right:auto;margin-left:0}.invoice-total div{display:flex;justify-content:space-between;border-bottom:1px solid #e5efff;padding:9px 12px}.invoice-total .grand{background:#eafff8;color:#0f766e;font-size:18px}.invoice-terms{background:#f8fbff;border:1px solid #e0f2fe;border-radius:14px;padding:12px;margin-top:12px}.footer-text{border-top:1px dashed #93a9c5;padding-top:12px;color:#475569}.signatures{display:flex;justify-content:space-between;margin-top:45px}.invoice-classic .invoice-ribbon{display:none}.invoice-classic .invoice-head{border:2px solid #111;padding:12px}.invoice-thermal{max-width:330px;padding:16px;border-radius:0}.invoice-thermal .invoice-meta{grid-template-columns:1fr;font-size:12px}.invoice-thermal .invoice-shop{display:block;text-align:center}.invoice-thermal .invoice-code{display:none}.invoice-thermal table{font-size:12px}.paper-a5{max-width:720px}.paper-thermal80{max-width:330px}.glass-bar{box-shadow:0 8px 24px rgba(20,184,166,.07)}.progress-line{height:9px;background:#eafff8;border-radius:999px;overflow:hidden}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));width:var(--value,50%);border-radius:999px}.empty-state{text-align:center;padding:30px;color:var(--muted)}
@media(max-width:1200px){.cards,.mini-cards,.report-summary,.report-cards{grid-template-columns:repeat(2,1fr)}.grid-2,.form-grid,.details{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.wizard-steps{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(100%);z-index:5}.ltr .sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:translateX(0)}.main{margin:0!important}.menu-btn{display:block;border:0;background:#eafff8;border-radius:12px;padding:9px 12px}.topbar{padding:0 12px}.content{padding:14px}.page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.cards,.mini-cards,.report-summary,.report-cards,.filters,.wizard-steps{grid-template-columns:1fr}.top-actions{gap:4px}.lang-pill{padding:7px}.invoice-head{flex-direction:column}.invoice-shop{flex-direction:column}.remember-row{display:block}.top-actions{flex-wrap:wrap}.quick-search{order:3;flex:0 0 100%}.topbar{height:auto;min-height:74px;padding-top:10px;padding-bottom:10px}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.page-head.no-print,.filters,.advanced-search{display:none!important}.main{margin:0!important}.content{padding:0}.invoice-page{max-width:100%;box-shadow:none;border-radius:0}.panel,.card{box-shadow:none}.btn{display:none!important}}
/* V4 quick action, select2-lite and wizard polish */
.quick-action-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:14px;margin-bottom:20px}.quick-action-card{min-height:138px;text-decoration:none;color:var(--text);position:relative;overflow:hidden;border:1px solid var(--border);border-radius:26px;background:linear-gradient(145deg,#ffffff,#f1fff9);box-shadow:var(--shadow);padding:18px;transition:.25s ease}.quick-action-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 24px 55px rgba(20,184,166,.20)}.quick-action-card:after{content:'';position:absolute;inset:auto -28px -28px auto;width:110px;height:110px;border-radius:999px;background:linear-gradient(135deg,rgba(20,184,166,.20),rgba(56,189,248,.16))}.quick-action-card .qa-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:12px;box-shadow:0 12px 28px rgba(20,184,166,.25)}.quick-action-card strong{display:block;font-size:16px;color:#064e45}.quick-action-card small{display:block;margin-top:6px;color:var(--muted)}
.action-menu-strip{display:flex;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:22px;padding:12px;margin-bottom:18px;box-shadow:0 8px 24px rgba(20,184,166,.07)}.action-menu-strip a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#0f766e;background:#eafff8;border:1px solid #baf7e6;border-radius:999px;padding:9px 12px;font-weight:900;transition:.2s}.action-menu-strip a:hover{background:#fff;transform:translateY(-2px)}
.select2-lite{position:relative}.select2-search{margin-bottom:6px;border-radius:12px!important;padding:9px 12px!important;background:#fafffd!important;border:1px solid #c8f7ea!important;font-size:13px}.select2-lite select{min-height:45px}.select2-count{display:block;color:var(--muted);font-size:11px;margin-top:4px}.combo-hint{font-size:11px;color:#0f766e;font-weight:700;margin-top:3px}.live-search-box{display:grid;grid-template-columns:1.8fr 1fr 1fr auto;gap:10px;align-items:end;background:linear-gradient(135deg,#f0fff9,#f8fdff);border:1px solid var(--border);border-radius:24px;padding:14px;margin-bottom:14px}.sale-item-row.hidden-by-search{display:none}.selected-counter{display:inline-flex;align-items:center;gap:8px;background:#ecfdf5;color:#047857;padding:8px 12px;border-radius:999px;font-weight:900}.wizard-steps.five{grid-template-columns:repeat(5,1fr)}.wizard-panel .panel-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;padding:12px;color:#166534;margin-bottom:14px}.report-wizard-options{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.report-option{border:1px solid var(--border);border-radius:22px;background:#fff;padding:16px;cursor:pointer;transition:.2s}.report-option:hover,.report-option.active{border-color:#5eead4;background:#f0fdfa;transform:translateY(-2px)}.report-option input{width:auto}.return-type-card{border:1px solid var(--border);border-radius:22px;padding:16px;background:#fff;transition:.2s}.return-type-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.animated-panel{animation:floatIn .34s ease both}@keyframes floatIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(20,184,166,.25)}50%{box-shadow:0 0 0 9px rgba(20,184,166,0)}}.pulse-soft{animation:pulseSoft 2.4s infinite}.btn .fa-solid,.sidebar .fa-solid,.action-menu-strip .fa-solid{width:1.25em}
@media(max-width:1200px){.quick-action-grid{grid-template-columns:repeat(2,1fr)}.live-search-box,.report-wizard-options{grid-template-columns:1fr}.wizard-steps.five{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.quick-action-grid,.wizard-steps.five{grid-template-columns:1fr}}
.form-outline .select2-lite~.form-label{top:-.53rem;font-size:.78rem;color:var(--primary-dark);font-weight:800}.form-outline .select2-lite{margin-top:.35rem}.form-outline .select2-lite .select2-search{margin-top:.15rem}.form-outline .select2-lite select.form-control{padding:.78rem .9rem}
/* V5 role permissions, dropdown sidebar and translation manager */
.sidebar-group{margin:8px 0}.sidebar-dropdown{width:100%;border:0;background:rgba(255,255,255,.10);color:#ecfffb;border-radius:16px;padding:11px 12px;display:flex;align-items:center;gap:10px;font-weight:900;cursor:pointer;text-align:start;transition:.2s}.sidebar-dropdown:hover{background:rgba(255,255,255,.18)}.sidebar-dropdown span{flex:1}.sidebar-dropdown b{transition:.2s}.sidebar-group:not(.open) .sidebar-dropdown b{transform:rotate(90deg)}.sidebar-submenu{display:grid;gap:3px;padding:5px 0 5px 12px;max-height:700px;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.rtl .sidebar-submenu{padding-left:0;padding-right:12px}.sidebar-group:not(.open) .sidebar-submenu{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.sidebar-submenu a{font-size:13px;padding:9px 10px!important;margin:3px 0!important;background:rgba(255,255,255,.05)}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions form{display:inline}.danger-link{border:0;background:transparent;color:#dc2626;cursor:pointer;font-weight:900;padding:0}.permissions-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.permission-card{background:#fbfffd;border:1px solid var(--border);border-radius:18px;padding:12px}.permission-card strong{display:block;color:#0f766e;margin-bottom:10px}.translation-table textarea{min-width:230px;min-height:80px}.dashboard-quick-grid{grid-template-columns:repeat(5,minmax(160px,1fr))}.empty-state{text-align:center;color:var(--muted);padding:18px!important}.record-pill{display:inline-flex;border-radius:999px;background:#f0fdfa;color:#0f766e;padding:5px 10px;font-weight:900}
@media(max-width:1200px){.permissions-grid,.dashboard-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.permissions-grid,.dashboard-quick-grid{grid-template-columns:1fr}}


/* V6 sale wizard validation and search polish */
.wizard-step.locked{opacity:.48;filter:grayscale(.35);cursor:not-allowed}.wizard-step.locked span{background:#d1fae5!important;color:#0f766e}.invalid-field{border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.10)!important}.app-toast{position:fixed;z-index:9999;left:50%;bottom:28px;transform:translate(-50%,25px);background:#0f172a;color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 20px 48px rgba(15,23,42,.25);opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;gap:10px;max-width:90vw}.app-toast.show{opacity:1;transform:translate(-50%,0)}.app-toast.error{background:#991b1b}.app-toast.success{background:#047857}.sale-search-top{grid-template-columns:1.8fr auto auto auto}.invoice-search-engine{grid-template-columns:2fr 1fr 1fr 1fr}.selection-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.selected-counter.muted{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.sale-item-table-wrap{max-height:520px;overflow:auto}.sale-item-table thead th{position:sticky;top:0;z-index:2}.sale-item-row{transition:.18s ease}.sale-item-row:hover{background:#f0fdfa}.sale-item-row.selected-row{background:linear-gradient(90deg,#dcfce7,#f0fdfa);box-shadow:inset 4px 0 0 var(--primary)}.sale-item-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sale-price-input{min-width:130px}.summary-box{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:linear-gradient(135deg,#f0fdfa,#f8fffc);border:1px solid var(--border);border-radius:22px;padding:14px}.summary-box div{background:#fff;border:1px solid #d7f4ec;border-radius:16px;padding:12px}.summary-box span{display:block;color:var(--muted);font-size:12px}.summary-box b{font-size:18px;color:#0f766e}.success-link{color:#047857!important;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:5px 9px!important}.mini-link.success-link:hover{background:#d1fae5}.invoice-preview{margin-top:14px}.btn i.fa-solid{pointer-events:none}
@media(max-width:1200px){.sale-search-top,.invoice-search-engine{grid-template-columns:1fr}.summary-box{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.summary-box{grid-template-columns:1fr}.selection-toolbar .btn{width:100%}}

/* V7 usability, Pashto/Dari typography and shortcut/help polish */
body.rtl,
body.rtl input,
body.rtl select,
body.rtl textarea,
body.rtl button,
body.rtl table,
body.rtl .btn {
    font-family: "Bahij Zar", "Bahij Zar Regular", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.help-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(20,184,166,.08);transition:.2s}.help-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.help-card i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;margin-bottom:10px}.shortcut-list{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.shortcut-key{display:flex;align-items:center;justify-content:space-between;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:16px;padding:10px 12px}.shortcut-key kbd{background:#0f766e;color:#fff;border-radius:8px;padding:4px 7px;font-weight:900}.retail-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:900}.form-outline input[readonly]{background:#f8fffd;color:#047857;font-weight:900}.runtime-validate .invalid-field{animation:shakeSoft .25s ease both}@keyframes shakeSoft{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:900px){.help-grid,.shortcut-list{grid-template-columns:1fr}}