@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-SemiBold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope/Manrope-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--color-primary: #84aaac;--color-dark: #12353a;--color-secondary: #4a7a7e;--color-gold: #c6a15b;--color-gold-strong: #80621f;--color-aqua: #4fd1c5;--color-light: #e3eded;--color-text: #3d4b4d;--color-surface: #ffffff;--color-canvas: #f6f9f8;--color-muted: #6c7d7f;--color-border: rgb(132 170 172 / 28%);--color-success: #2f7d69;--color-chat-paper: #efeae2;--color-chat-user: #d9fdd3;--color-chat-composer: #f0f2f5;--color-chat-notice: #fff3c5;--color-chat-notice-text: #725d1c;--font-family-arabic: "IBM Plex Sans Arabic", sans-serif;--font-family-english: "Manrope", sans-serif;--font-family-ui: var(--font-family-arabic);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--line-height-tight: 1.3;--line-height-heading: 1.38;--line-height-body: 1.75;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-body: 0;--letter-spacing-label: 0;--letter-spacing-brand: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 999px;--shadow-sm: 0 4px 16px rgb(18 53 58 / 8%);--shadow-md: 0 16px 42px rgb(18 53 58 / 12%);--shadow-focus: 0 0 0 4px rgb(79 209 197 / 30%);--touch-target: 3rem;--content-max: 90rem;--transition-fast: .16s ease}html[data-typography=english]{--font-family-ui: var(--font-family-english);--line-height-heading: 1.2;--line-height-body: 1.6;--letter-spacing-label: .04em;--letter-spacing-brand: .12em}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;color-scheme:light}body{margin:0;min-height:100vh;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea,label,table,canvas,svg{font-family:inherit}button,input,select,textarea{font-size:inherit;line-height:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-aqua);outline-offset:3px;box-shadow:var(--shadow-focus)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{color:var(--color-dark);font-family:inherit;font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.numeric{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{min-height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;font-weight:700;text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-dark);color:var(--color-surface);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--color-dark);border-color:var(--color-border)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.admin-layout .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.admin-layout .metric-card{min-height:11.5rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.admin-layout .metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.admin-layout .metric-index{color:var(--color-primary);font-size:.72rem;font-weight:800}.admin-layout .trend{padding:.15rem .5rem;border-radius:var(--radius-pill);background:#4fd1c524;color:var(--color-success);font-size:.7rem;font-weight:800}.admin-layout .metric-card p{margin-bottom:var(--space-2);color:var(--color-muted);font-size:.8rem}.admin-layout .metric-card strong{color:var(--color-dark);font-size:clamp(1.6rem,2.5vw,2.2rem)}.admin-layout .metric-card small{margin-inline-start:.3rem;color:var(--color-secondary);font-weight:700}.admin-layout .activity{overflow:hidden}.admin-layout .activity-heading{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid var(--color-border)}.admin-layout .activity-heading>div{display:flex;align-items:center;gap:var(--space-3)}.admin-layout .activity-heading h2{margin:0;font-size:1.1rem}.admin-layout .activity-heading>span{color:var(--color-muted);font-size:.75rem}.admin-layout .table-wrap{overflow-x:auto}.admin-layout table{width:100%;border-collapse:collapse;text-align:start}.admin-layout th,.admin-layout td{padding:1rem var(--space-5);border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-layout th{color:var(--color-muted);font-size:.7rem;font-weight:700}.admin-layout td{font-size:.85rem}.admin-layout td strong,.admin-layout td small{display:block}.admin-layout td small{color:var(--color-muted)}.admin-layout .status{padding:.3rem .65rem;border-radius:var(--radius-pill);background:#2f7d691a;color:var(--color-success);font-size:.75rem;font-weight:700}.admin-layout tbody tr:last-child td{border-bottom:0}.kiosk-app{--kiosk-primary: #4c942c;--kiosk-primary-dark: #285b15;--kiosk-primary-soft: #edf6e8;--kiosk-gold: #ecac3c;--kiosk-gold-dark: #76500d;--kiosk-ink: #18340f;--kiosk-canvas: #f7faf4;--kiosk-pad: clamp(1rem, 4vw, 2rem);--color-primary: var(--kiosk-primary);--color-secondary: var(--kiosk-primary-dark);--color-dark: var(--kiosk-ink);--color-gold: var(--kiosk-gold);--color-gold-strong: var(--kiosk-gold-dark);--color-light: var(--kiosk-primary-soft);--color-border: rgb(76 148 44 / 24%);width:100%;max-width:100vw;min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;overflow-x:clip;background:var(--kiosk-canvas)}.kiosk-app .kiosk-header{min-height:7rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);padding:.65rem var(--kiosk-pad);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.kiosk-app .kiosk-brand{display:block;color:inherit;text-decoration:none}.kiosk-app .kiosk-brand img{width:clamp(5.5rem,15vw,8rem);height:auto;display:block}.kiosk-app .header-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.kiosk-app .support-contact{min-height:var(--touch-target);display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--kiosk-primary-dark);text-decoration:none;background:var(--kiosk-primary-soft)}.kiosk-app .support-contact small,.kiosk-app .support-contact b{display:block}.kiosk-app .support-contact small{color:var(--color-muted);font-size:.68rem;line-height:1.2}.kiosk-app .support-contact b{font-size:.82rem;line-height:1.35;unicode-bidi:isolate}.kiosk-app .support-icon{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:var(--kiosk-primary);color:#fff}.kiosk-app .support-icon svg{width:1rem;height:1rem;fill:currentColor}.kiosk-app .demo-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .7rem;border-radius:var(--radius-pill);background:#ecac3c29;color:var(--kiosk-gold-dark);font-size:.72rem;font-weight:800}.kiosk-app .demo-chip span{width:.45rem;height:.45rem;border-radius:50%;background:var(--kiosk-gold)}.kiosk-app .quiet-action{min-height:var(--touch-target);padding-inline:.65rem;border:0;background:transparent;color:var(--kiosk-primary-dark);cursor:pointer;font-weight:700}.kiosk-app .journey-progress{max-width:38rem;width:calc(100% - 2 * var(--kiosk-pad));display:grid;grid-template-columns:repeat(6,1fr);margin:var(--space-4) auto 0;padding:0;list-style:none}.kiosk-app .journey-progress li{position:relative;display:grid;justify-items:center;gap:.3rem;color:var(--color-muted);font-size:.7rem}.kiosk-app .journey-progress li:before{content:"";position:absolute;top:.85rem;inset-inline-start:calc(-50% + .85rem);width:calc(100% - 1.7rem);height:2px;background:var(--color-border)}.kiosk-app .journey-progress li:first-child:before{display:none}.kiosk-app .journey-progress li>span{width:1.7rem;height:1.7rem;z-index:1;display:grid;place-items:center;border:2px solid var(--color-border);border-radius:50%;background:var(--kiosk-canvas);font-size:.72rem;font-weight:800}.kiosk-app .journey-progress .active{color:var(--kiosk-ink);font-weight:800}.kiosk-app .journey-progress .active>span{border-color:var(--kiosk-primary-dark);background:var(--kiosk-primary-dark);color:#fff;box-shadow:0 0 0 4px #4c942c2e}.kiosk-app .journey-progress .complete>span{border-color:var(--kiosk-primary);background:var(--kiosk-primary);color:#fff}.kiosk-app .journey-progress .complete:before,.kiosk-app .journey-progress .active:before{background:var(--kiosk-primary)}.kiosk-app .journey-main{width:100%;display:grid;place-items:start center;padding:clamp(1.1rem,3vw,2rem) var(--kiosk-pad) 2rem}.kiosk-app .step-panel{width:min(100%,42rem);animation:panel-in .22s ease both}.kiosk-app .compact-panel,.kiosk-app .payment-panel,.kiosk-app .result-panel{width:min(100%,38rem)}.kiosk-app .step-intro{max-width:38rem;margin:0 auto var(--space-5);text-align:center}.kiosk-app .step-intro h1{margin-bottom:var(--space-2);color:var(--kiosk-ink);font-size:clamp(1.65rem,6vw,2.5rem)}.kiosk-app .step-intro p:last-child{margin:0;color:var(--color-muted);font-size:clamp(.9rem,2.7vw,1.02rem)}.kiosk-app .eyebrow{margin-bottom:.35rem;color:var(--kiosk-primary-dark);font-size:.76rem;font-weight:700;letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.kiosk-app .category-list{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}.kiosk-app .category-card{width:100%;min-height:6.75rem;display:grid;grid-template-columns:4.35rem minmax(0,1fr) 2rem;align-items:center;gap:var(--space-3);padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:0 3px 12px #1f461212;cursor:pointer;text-align:start;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.kiosk-app .category-card:hover{border-color:var(--kiosk-primary);box-shadow:0 8px 22px #1f46121f;transform:translateY(-1px)}.kiosk-app .category-card:active{transform:scale(.992)}.kiosk-app .category-card:focus-visible{outline:3px solid var(--kiosk-gold);outline-offset:2px}.kiosk-app .category-icon{width:4.1rem;height:4.1rem;display:grid;place-items:center;padding:.82rem;border-radius:1.15rem;background:var(--kiosk-primary-soft);color:var(--kiosk-primary-dark)}.kiosk-app .category-copy{min-width:0}.kiosk-app .category-copy strong,.kiosk-app .category-copy small{display:block;overflow-wrap:anywhere}.kiosk-app .category-copy strong{margin-bottom:.2rem;color:var(--kiosk-ink);font-size:clamp(1rem,3.8vw,1.18rem);line-height:var(--line-height-heading)}.kiosk-app .category-copy small{color:var(--color-muted);font-size:clamp(.75rem,2.6vw,.88rem);line-height:1.45}.kiosk-app .category-arrow{width:1.45rem;height:1.45rem;color:var(--kiosk-primary)}.kiosk-app .amount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.kiosk-app .amount-option{min-height:7.5rem;display:grid;place-items:center;align-content:center;gap:.2rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--kiosk-ink);cursor:pointer}.kiosk-app .amount-option:hover,.kiosk-app .amount-option:focus-visible{border-color:var(--kiosk-primary)}.kiosk-app .amount-option:focus-visible{outline:3px solid var(--kiosk-gold);outline-offset:2px}.kiosk-app .amount-option strong{font-size:clamp(1.45rem,6vw,2rem)}.kiosk-app .amount-option small{color:var(--color-muted);font-weight:700}.kiosk-app .amount-option.selected{border-color:var(--kiosk-primary);background:var(--kiosk-primary-soft);box-shadow:0 0 0 4px #4c942c24}.kiosk-app .custom-trigger strong{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:var(--kiosk-primary-dark);color:#fff;font-size:1.5rem}.kiosk-app .field{max-width:34rem;display:grid;gap:var(--space-2);margin:var(--space-5) auto 0;color:var(--kiosk-ink);font-weight:700}.kiosk-app .field em{margin-inline-start:.35rem;color:var(--color-muted);font-size:.75rem;font-style:normal;font-weight:500}.kiosk-app .field input{width:100%;min-height:4rem;padding:.8rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--kiosk-ink)}.kiosk-app .field input:focus{border-color:var(--kiosk-primary);outline:3px solid rgba(236,172,60,.35)}.kiosk-app .field input[aria-invalid=true]{border-color:var(--kiosk-gold-dark)}.kiosk-app .input-shell{position:relative}.kiosk-app .input-shell b{position:absolute;top:50%;inset-inline-end:1rem;transform:translateY(-50%);color:var(--kiosk-primary-dark);font-size:.8rem}.kiosk-app .field>small{color:var(--color-muted);font-weight:500}.kiosk-app .field>small.error,.kiosk-app .validation-error{color:var(--kiosk-gold-dark)}.kiosk-app .privacy-note,.kiosk-app .validation-error{max-width:34rem;margin:var(--space-3) auto 0;font-size:.8rem}.kiosk-app .privacy-note{color:var(--color-muted)}.kiosk-app .receipt-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;margin:0 auto var(--space-4);border-radius:50%;background:var(--kiosk-primary-soft);color:var(--kiosk-primary-dark);font-size:2rem}.kiosk-app .review-card{overflow:hidden;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.kiosk-app .review-card div{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.kiosk-app .review-card div:last-child{border:0}.kiosk-app .review-card dt{color:var(--color-muted)}.kiosk-app .review-card dd{margin:0;color:var(--kiosk-ink);font-weight:800;text-align:end}.kiosk-app .amount-review{font-size:1.35rem}.kiosk-app .contact-value{direction:ltr;unicode-bidi:isolate}.kiosk-app .payment-panel,.kiosk-app .result-panel{text-align:center}.kiosk-app .test-mode{display:inline-flex;padding:.4rem .85rem;margin-bottom:var(--space-5);border:1px solid var(--kiosk-gold);border-radius:var(--radius-pill);color:var(--kiosk-gold-dark);font-size:.75rem;font-weight:800}.kiosk-app .payment-visual{width:7rem;height:7rem;position:relative;display:grid;place-items:center;margin:0 auto var(--space-5)}.kiosk-app .payment-visual span{position:absolute;inset:0;border:3px solid var(--kiosk-primary-soft);border-top-color:var(--kiosk-primary);border-radius:50%;animation:spin 1.4s linear infinite}.kiosk-app .payment-visual img{width:4.6rem;height:4.2rem;object-fit:contain}.kiosk-app .payment-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--kiosk-primary-soft)}.kiosk-app .payment-summary strong{color:var(--kiosk-ink);font-size:1.25rem}.kiosk-app .payment-actions,.kiosk-app .result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.kiosk-app .danger-button{border-color:var(--color-border);background:var(--color-surface);color:var(--kiosk-gold-dark)}.kiosk-app .result-symbol{width:6rem;height:6rem;display:grid;place-items:center;margin:0 auto var(--space-5);border-radius:50%;background:var(--kiosk-primary);color:#fff;box-shadow:0 0 0 14px #4c942c1f;font-size:3rem;font-weight:900}.kiosk-app .result-panel.failure .result-symbol{background:#ecac3c40;color:var(--kiosk-gold-dark);box-shadow:0 0 0 14px #ecac3c1a}.kiosk-app .result-panel>p{color:var(--color-muted);font-size:1.05rem}.kiosk-app .receipt-card{max-width:28rem;display:grid;gap:.3rem;margin:var(--space-5) auto;padding:var(--space-5);border:1px dashed var(--kiosk-primary);border-radius:var(--radius-md);background:var(--color-surface)}.kiosk-app .receipt-card>span,.kiosk-app .receipt-card>small{color:var(--color-muted)}.kiosk-app .receipt-card>strong{color:var(--kiosk-ink);font-size:1.8rem}.kiosk-app .journey-actions{position:sticky;z-index:5;bottom:0;min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.65rem var(--kiosk-pad);border-top:1px solid var(--color-border);background:#fffffff5}.kiosk-app .journey-actions .btn{min-width:7rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.kiosk-app .journey-actions button:disabled{opacity:.42;cursor:not-allowed;transform:none}.kiosk-app .btn-primary{border-color:var(--kiosk-primary-dark);background:var(--kiosk-primary-dark);color:#fff}.kiosk-app .btn-primary:hover{background:var(--kiosk-primary)}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:var(--space-4);background:#18340fb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.idle-dialog{width:min(100%,28rem);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center}.idle-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;margin:0 auto var(--space-4);border-radius:50%;background:#edf6e8;color:#285b15;font-size:1.8rem}.idle-dialog p{color:var(--color-muted)}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:37.5rem){.kiosk-app .kiosk-header{min-height:6.25rem;padding-inline:.75rem}.kiosk-app .kiosk-brand img{width:clamp(4.8rem,23vw,6.2rem)}.kiosk-app .header-tools{gap:.35rem}.kiosk-app .support-contact{padding:.35rem .55rem}.kiosk-app .support-contact small,.kiosk-app .demo-chip{display:none}.kiosk-app .quiet-action{max-width:5.5rem;font-size:.72rem}.kiosk-app .language-switch{padding-inline:.65rem}.kiosk-app .journey-progress small{display:none}.kiosk-app .journey-main{padding-inline:.8rem}.kiosk-app .category-card{min-height:6.4rem;grid-template-columns:3.75rem minmax(0,1fr) 1.5rem;gap:.7rem;padding:.7rem .75rem}.kiosk-app .category-icon{width:3.6rem;height:3.6rem;padding:.72rem}.kiosk-app .category-copy small{line-height:1.35}.kiosk-app .review-card div,.kiosk-app .payment-summary{align-items:flex-start;flex-direction:column}.kiosk-app .review-card dd{text-align:start}.kiosk-app .payment-actions .btn,.kiosk-app .result-actions .btn{width:100%}}@media(min-width:48rem){.kiosk-app .amount-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.kiosk-app .payment-visual span{animation:none;border-color:var(--kiosk-primary)}.kiosk-app .step-panel{animation:none}.kiosk-app .category-card{transition:none}}.admin-app{min-height:100vh;display:grid;grid-template-columns:17rem 1fr;background:var(--color-canvas)}.admin-sidebar{position:sticky;z-index:12;top:0;height:100vh;display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-dark);color:var(--color-surface);transition:width var(--transition-fast)}.sidebar-brand{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-inline:var(--space-2)}.sidebar-brand a{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}.brand-glyph{width:2.6rem;height:2.6rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:var(--color-gold);font-size:1.25rem}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{letter-spacing:var(--letter-spacing-brand)}.brand-copy small{color:var(--color-primary);font-size:var(--font-size-xs)}.sidebar-brand button{width:2rem;height:2rem;border:0;border-radius:50%;background:#ffffff14;color:inherit;cursor:pointer}.admin-sidebar nav{display:grid;gap:.2rem;margin-top:var(--space-5)}.admin-sidebar nav a,.kiosk-shortcut{min-height:2.9rem;display:flex;align-items:center;gap:var(--space-3);padding:.55rem .8rem;border-radius:var(--radius-sm);color:#ffffffa6;text-decoration:none;font-weight:var(--font-weight-medium)}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:var(--color-surface);background:#ffffff1a}.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--color-aqua)}.nav-icon{width:1.6rem;text-align:center;font-size:1.15rem}.kiosk-shortcut{margin-top:auto;border:1px solid rgba(255,255,255,.13)}.sidebar-demo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2) 0;color:var(--color-primary);font-size:var(--font-size-xs)}.sidebar-demo i{width:.45rem;height:.45rem;border-radius:50%;background:var(--color-aqua)}.nav-collapsed{grid-template-columns:5rem 1fr}.nav-collapsed .brand-copy,.nav-collapsed .nav-label,.nav-collapsed .sidebar-brand button{display:none}.nav-collapsed .admin-sidebar nav a,.nav-collapsed .kiosk-shortcut{justify-content:center}.nav-collapsed .sidebar-brand{justify-content:center}.admin-workspace{min-width:0}.admin-header{min-height:5rem;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(1rem,3vw,2.5rem);border-bottom:1px solid var(--color-border);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-date{color:var(--color-muted);font-size:var(--font-size-sm)}.header-tools,.profile{display:flex;align-items:center;gap:var(--space-3)}.notification{width:var(--touch-target);height:var(--touch-target);position:relative;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-dark)}.notification i{width:.45rem;height:.45rem;position:absolute;top:.4rem;inset-inline-end:.4rem;border-radius:50%;background:var(--color-gold)}.profile>span{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-light);color:var(--color-secondary);font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:var(--font-size-sm)}.profile small{color:var(--color-muted);font-size:.68rem}.mobile-menu{display:none}.admin-page{max-width:96rem;margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem)}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.page-title h1{margin:.35rem 0;font-size:clamp(2rem,3vw,3rem)}.page-title p{margin:0;color:var(--color-muted)}.demo-pill,.readonly,.campaign-state{display:inline-flex;color:var(--color-secondary);font-size:var(--font-size-xs);font-weight:700}.demo-pill{padding:.25rem .6rem;border-radius:var(--radius-pill);background:var(--color-light)}.period-control{display:grid;gap:.25rem;color:var(--color-muted);font-size:var(--font-size-xs)}.period-control select,.filter-bar input,.filter-bar select{min-height:var(--touch-target);padding:.55rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-dark)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.kpi-card{min-height:9.5rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.kpi-card>span,.kpi-card>small{display:block;color:var(--color-muted);font-size:var(--font-size-xs)}.kpi-card strong{display:block;margin:.8rem 0 .2rem;color:var(--color-dark);font-size:clamp(1.45rem,2vw,2rem)}.kpi-card.accent{background:var(--color-dark)}.kpi-card.accent strong{color:var(--color-aqua)}.kpi-card.accent span,.kpi-card.accent small{color:var(--color-primary)}.dashboard-grid,.analytics-grid,.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.chart-card,.data-card{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.chart-card.wide{grid-column:span 2}.chart-card>header,.data-card>header{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}.chart-card h2,.data-card h2{margin:0;font-size:var(--font-size-lg)}.chart-card header p,.chart-card header span,.data-card header span{margin:0;color:var(--color-muted);font-size:var(--font-size-xs)}.chart-card app-admin-chart{display:block;padding:var(--space-3)}.insight,.preview-notice{margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-light)}.insight{display:flex;gap:var(--space-3)}.insight strong{color:var(--color-dark)}.insight p{margin:0;color:var(--color-muted)}.filter-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.filter-bar label:first-child{flex:1}.filter-bar input{width:100%}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start}th,td{padding:.9rem var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}th{color:var(--color-muted);font-size:var(--font-size-xs)}td{font-size:var(--font-size-sm)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--color-canvas)}td strong,td small{display:block}td small{color:var(--color-muted);font-size:.68rem}.status-badge{padding:.25rem .55rem;border-radius:var(--radius-pill);background:var(--color-light);color:var(--color-secondary);font-size:var(--font-size-xs)}.status-badge.failed{color:var(--color-gold-strong)}.status-badge.completed{color:var(--color-success)}.empty-state{padding:var(--space-8);text-align:center}.empty-state span{font-size:2rem}.empty-state p{color:var(--color-muted)}.category-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.category-metrics article,.campaign-grid article{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.category-metrics h2,.campaign-grid h2{margin:.8rem 0;font-size:var(--font-size-lg)}.category-metrics strong,.campaign-grid strong{color:var(--color-dark);font-size:var(--font-size-xl)}.category-metrics p{color:var(--color-muted);font-size:var(--font-size-sm)}.kiosk-inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.kiosk-inventory button{min-height:11rem;padding:var(--space-5);border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);text-align:start;cursor:pointer}.kiosk-inventory button.selected{border-color:var(--color-secondary)}.kiosk-status{width:.6rem;height:.6rem;display:inline-block;border-radius:50%;background:var(--color-aqua)}.kiosk-status.offline{background:var(--color-gold)}.kiosk-inventory h2{margin:.7rem 0 0}.kiosk-inventory p,.kiosk-inventory small{color:var(--color-muted)}.kiosk-inventory strong,.kiosk-inventory small{display:block}.report-action{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.campaign-bar{height:.45rem;margin-top:var(--space-4);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-light)}.campaign-bar i{height:100%;display:block;background:var(--color-secondary)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-grid article{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.settings-grid article>span{font-size:1.5rem;color:var(--color-secondary)}.settings-grid article div{flex:1}.settings-grid h2,.settings-grid p{margin:0}.settings-grid p{color:var(--color-muted);font-size:var(--font-size-sm)}.settings-grid button{min-height:var(--touch-target);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-canvas)}.drawer-backdrop,.drawer-scrim{position:fixed;z-index:30;inset:0;border:0;background:#12353a6b}.detail-drawer{position:fixed;z-index:31;top:0;inset-inline-end:0;width:min(100%,28rem);height:100vh;padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-md)}.detail-drawer header{display:flex;justify-content:space-between;align-items:center}.detail-drawer header button{width:2.5rem;height:2.5rem;border:0;border-radius:50%;font-size:1.5rem}.detail-drawer dl div{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.detail-drawer dt{color:var(--color-muted);font-size:var(--font-size-xs)}.detail-drawer dd{margin:.2rem 0 0;color:var(--color-dark);font-weight:600}.drawer-scrim{display:none}.admin-app .numeric{direction:ltr;unicode-bidi:isolate}.filter-bar{flex-wrap:wrap}.filter-bar label:first-child{flex:1 1 14rem}@media(max-width:72rem){.kpi-grid{grid-template-columns:repeat(3,1fr)}.category-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:54rem){.admin-app,.nav-collapsed{display:block}.admin-sidebar{position:fixed;inset-inline-start:0;width:17rem;transform:translate(110%)}[dir=ltr] .admin-sidebar{transform:translate(-110%)}.admin-sidebar.drawer-open{transform:none}.drawer-scrim{display:block}.mobile-menu{display:block;min-width:var(--touch-target);min-height:var(--touch-target);border:0;background:transparent}.header-date,.profile div{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.analytics-grid,.reports-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.kiosk-inventory,.campaign-grid{grid-template-columns:1fr 1fr}}@media(max-width:38rem){.admin-header{min-height:4.5rem}.admin-page{padding:var(--space-4)}.page-title{align-items:stretch;flex-direction:column}.period-control select{width:100%}.kpi-grid,.category-metrics,.kiosk-inventory,.campaign-grid,.settings-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.header-tools{gap:var(--space-2)}.profile{display:none}}.wa-demo{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(79,209,197,.12),transparent 24%),var(--color-canvas)}.presenter-bar{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(1rem,4vw,3rem);border-bottom:1px solid var(--color-border);background:#ffffffe0}.presenter-brand,.presenter-actions,.language-tabs{display:flex;align-items:center;gap:var(--space-3)}.presenter-brand{color:var(--color-dark);text-decoration:none}.presenter-brand>span{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--color-dark);color:var(--color-gold)}.presenter-brand strong,.presenter-brand small{display:block}.presenter-brand small{color:var(--color-muted);font-size:var(--font-size-xs)}.presenter-actions button{min-height:2.6rem;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-dark);cursor:pointer}.language-tabs{gap:.2rem;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.language-tabs button{min-height:2.2rem;border:0}.language-tabs button.active{background:var(--color-dark);color:var(--color-surface)}.phone-stage{position:relative;display:grid;place-items:center;min-height:calc(100vh - 5rem);padding:var(--space-6)}.demo-ribbon{position:absolute;top:var(--space-4);padding:.3rem .7rem;border-radius:var(--radius-pill);background:#c6a15b2e;color:var(--color-gold-strong);font-size:var(--font-size-xs);font-weight:700}.phone-shell{width:min(100%,28rem);height:min(48rem,100vh - 8rem);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(18,53,58,.18);border-radius:2rem;background:var(--color-surface);box-shadow:0 24px 70px #12353a33}.chat-header{min-height:4.5rem;display:flex;align-items:center;gap:var(--space-3);padding:.65rem var(--space-3);background:var(--color-dark);color:var(--color-surface)}.chat-header button{width:2rem;border:0;background:transparent;color:inherit;font-size:1.5rem}.chat-avatar{width:2.8rem;height:2.8rem;position:relative;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:var(--color-dark);font-weight:700}.chat-avatar i{width:.6rem;height:.6rem;position:absolute;inset-inline-end:-.05rem;bottom:.05rem;border:2px solid var(--color-dark);border-radius:50%;background:var(--color-aqua)}.chat-header div{flex:1;min-width:0}.chat-header strong,.chat-header small{display:block}.chat-header small{color:var(--color-primary);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-icons{direction:ltr;font-size:1.15rem}.chat-transcript{overflow-y:auto;padding:var(--space-4);background-color:var(--color-chat-paper);background-image:radial-gradient(rgba(18,53,58,.05) .6px,transparent .6px);background-size:12px 12px;scroll-behavior:smooth}.encryption-note{width:max-content;max-width:90%;margin:0 auto var(--space-4);padding:.35rem .6rem;border-radius:.4rem;background:var(--color-chat-notice);color:var(--color-chat-notice-text);font-size:.66rem;text-align:center}.chat-message{width:max-content;max-width:82%;position:relative;margin:.35rem 0;padding:.55rem .7rem 1rem;border-radius:.75rem .75rem .75rem .15rem;background:var(--color-surface);box-shadow:0 1px 2px #12353a21}.chat-message.user-message{margin-inline-start:auto;border-radius:.75rem .75rem .15rem;background:var(--color-chat-user)}.chat-message p{margin:0;white-space:pre-line}.chat-message time{position:absolute;inset-inline-end:.45rem;bottom:.15rem;color:var(--color-muted);font-size:.58rem}.chat-message time span{color:var(--color-secondary)}.typing-bubble{width:4rem;display:flex;gap:.25rem;margin:.4rem 0;padding:.8rem;border-radius:.75rem;background:var(--color-surface)}.typing-bubble i{width:.4rem;height:.4rem;border-radius:50%;background:var(--color-primary);animation:wa-typing 1s infinite alternate}.typing-bubble i:nth-child(2){animation-delay:.2s}.typing-bubble i:nth-child(3){animation-delay:.4s}.quick-replies{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-3)}.quick-replies button{min-height:2.5rem;padding:.4rem .75rem;border:1px solid var(--color-secondary);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-secondary);cursor:pointer}.quick-replies .primary-reply{background:var(--color-secondary);color:var(--color-surface)}.chat-card{margin:var(--space-3) 0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.chat-card h2{margin:.3rem 0 var(--space-3);font-size:var(--font-size-lg)}.chat-card dl{margin:0}.chat-card dl div{display:flex;justify-content:space-between;gap:var(--space-3);padding:.4rem 0;border-bottom:1px solid var(--color-border)}.chat-card dd{margin:0;font-weight:700;text-align:end}.sample-badge{color:var(--color-gold-strong);font-size:var(--font-size-xs);font-weight:700}.payment-lock{width:3rem;height:3rem;display:grid;place-items:center;margin:.5rem auto;border-radius:50%;background:var(--color-light);color:var(--color-secondary);font-size:1.5rem}.payment-card{text-align:center}.payment-card strong,.payment-card code{display:block;margin:.5rem 0}.payment-card code{direction:ltr;padding:.5rem;border-radius:.4rem;background:var(--color-canvas);color:var(--color-muted);font-size:.7rem}.payment-actions{display:grid;gap:.4rem;margin-top:var(--space-3)}.payment-actions button{min-height:2.6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-dark);cursor:pointer}.receipt-card>span{width:2.5rem;height:2.5rem;display:grid;place-items:center;margin:auto;border-radius:50%;background:var(--color-aqua);font-weight:700}.receipt-card{border:1px dashed var(--color-secondary);text-align:center}.receipt-card small{display:block;margin-top:var(--space-3);color:var(--color-gold-strong)}.chat-composer{min-height:4rem;display:flex;align-items:center;gap:.4rem;padding:.5rem;background:var(--color-chat-composer)}.chat-composer input{min-width:0;flex:1;min-height:2.8rem;padding:.5rem .8rem;border:0;border-radius:var(--radius-pill);background:var(--color-surface)}.chat-composer button{width:2.8rem;height:2.8rem;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:var(--color-secondary)}.chat-composer .send-button{background:var(--color-secondary);color:var(--color-surface);cursor:pointer}.send-button:disabled{opacity:.45}@keyframes wa-typing{to{transform:translateY(-4px);opacity:.45}}@media(max-width:40rem){.presenter-bar{align-items:flex-start;flex-direction:column}.presenter-actions{width:100%;flex-wrap:wrap}.reset-action{display:none}.phone-stage{min-height:auto;padding:0}.demo-ribbon{z-index:2;top:.4rem;font-size:.6rem}.phone-shell{width:100%;height:calc(100vh - 9rem);border:0;border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.typing-bubble i{animation:none}.chat-transcript{scroll-behavior:auto}}
