:root{
  --ink:#10231d;--ink-2:#244239;--muted:#72837c;--paper:#f7f6f1;--paper-2:#eeece4;
  --gold:#d9a441;--mint:#6ee7b7;--danger:#e66b64;--warning:#e6a84d;--info:#6ba8e6;
  --line:rgba(20,59,49,.12);--shadow:0 24px 60px rgba(5,20,16,.10);--radius:20px;--radius-sm:12px;
  --font-ar:Tahoma,"Segoe UI",Arial,sans-serif;--font-en:"Segoe UI",Inter,Arial,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-ar);color:var(--ink);background:var(--paper);font-size:14px;line-height:1.65}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.6}
[hidden]{display:none!important}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary,#d9a441) 60%,transparent);outline-offset:3px}
.app-shell{--sidebar:260px;min-height:100vh;background:linear-gradient(155deg,#f8f7f2 0%,#f0eee5 56%,#e9eee8 100%);overflow-x:hidden}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.18}
.ambient-one{width:520px;height:520px;background:var(--brand-primary);top:-260px;right:24%}
.ambient-two{width:420px;height:420px;background:var(--brand-accent);bottom:-230px;left:7%}
.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:linear-gradient(170deg,color-mix(in srgb,var(--brand-bg) 94%,#122a22),#06110d);color:#fff;z-index:50;padding:24px 15px 16px;display:flex;flex-direction:column;border-inline-end:1px solid rgba(255,255,255,.07);box-shadow:18px 0 50px rgba(3,15,11,.08)}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.08);min-height:62px}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--brand-primary,#d9a441),color-mix(in srgb,var(--brand-primary,#d9a441) 58%,#fff));color:#10231d;box-shadow:0 12px 28px rgba(217,164,65,.25)}
.brand-mark:before{content:"";position:absolute;width:25px;height:60px;background:rgba(255,255,255,.25);transform:rotate(35deg);left:-13px;top:-11px}
.brand-mark span{font:800 12px var(--font-en);letter-spacing:.08em;position:relative}
.brand strong,.public-brand strong,.portal-header strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.brand small,.public-brand small,.portal-header small{display:block;color:rgba(255,255,255,.46);font:500 10px var(--font-en);letter-spacing:.05em;margin-top:1px}
.sidebar-close{display:none;margin-inline-start:auto}
.main-nav{padding:17px 2px;display:grid;gap:3px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.main-nav a{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;color:rgba(255,255,255,.62);font-size:12.5px;transition:.2s ease}
.main-nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.05);transform:translateX(-2px)}
[dir=ltr] .main-nav a:hover{transform:translateX(2px)}
.main-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(217,164,65,.17),rgba(217,164,65,.04));box-shadow:inset -2px 0 var(--brand-primary)}
[dir=ltr] .main-nav a.active{box-shadow:inset 2px 0 var(--brand-primary)}
.main-nav a.active svg{color:var(--brand-primary);opacity:1}
.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.safety-lock{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(110,231,183,.06);border:1px solid rgba(110,231,183,.13);border-radius:12px}
.safety-lock strong{display:block;font-size:10.5px}.safety-lock small{display:block;color:rgba(255,255,255,.46);font-size:9px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58d49f;box-shadow:0 0 0 5px rgba(88,212,159,.1),0 0 12px rgba(88,212,159,.45);flex:0 0 auto}
.app-main{position:relative;z-index:1;margin-inline-start:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}
.topbar{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(248,247,242,.72);backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}
.topbar-title .eyebrow{color:var(--brand-primary);font:700 9px var(--font-en);text-transform:uppercase;letter-spacing:.18em}
.topbar-title h1{margin:1px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.topbar-actions{display:flex;align-items:center;gap:10px}
.language-switch{height:38px;min-width:38px;padding:0 10px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.55);font:700 11px var(--font-en)}
.user-chip{display:flex;align-items:center;gap:8px;padding:4px 7px 4px 12px;border:1px solid var(--line);background:rgba(255,255,255,.52);border-radius:14px}
.avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary) 55%,var(--brand-primary)));font-weight:800}
.user-chip strong{display:block;font-size:11px;line-height:1.3}.user-chip small{font:600 8.5px var(--font-en);color:var(--muted);text-transform:uppercase}
.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.55);display:grid;place-items:center;color:var(--ink)}
.icon-button:hover{background:#fff;border-color:color-mix(in srgb,var(--brand-primary) 45%,var(--line));transform:translateY(-1px)}
.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-button{display:none}
.content{width:100%;max-width:1560px;margin:0 auto;padding:30px 32px 48px;flex:1}
.app-footer{display:flex;justify-content:space-between;padding:16px 32px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}
.sidebar-backdrop{display:none}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.page-heading h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.035em}
.page-heading p{margin:6px 0 0;color:var(--muted);max-width:660px}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.eyebrow,.kicker{font:700 9px var(--font-en);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-primary)}
.section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}
.glass-card,.panel{background:rgba(255,255,255,.72);border:1px solid rgba(20,59,49,.1);border-radius:var(--radius);box-shadow:0 20px 45px rgba(8,30,24,.045);backdrop-filter:blur(16px)}
.panel{padding:20px}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.panel-header h3{font-size:15px;margin:0}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:11px}.panel-header a{font-size:10px;color:var(--brand-secondary);font-weight:700}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}
.metric-card{position:relative;overflow:hidden;padding:17px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:16px;min-height:116px}
.metric-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:color-mix(in srgb,var(--metric-color,var(--brand-primary)) 13%,transparent);top:-25px;left:-22px}
.metric-card .metric-icon{width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--metric-color,var(--brand-primary)) 13%,transparent);color:var(--metric-color,var(--brand-primary));display:grid;place-items:center;font-weight:800;font-size:12px}
.metric-card strong{display:block;font:700 25px var(--font-en);letter-spacing:-.04em;margin-top:9px}.metric-card small{color:var(--muted);font-size:10px}
.metric-card.danger{--metric-color:var(--danger)}.metric-card.mint{--metric-color:#2baa7b}.metric-card.info{--metric-color:#5d8fd5}.metric-card.purple{--metric-color:#8b6bd6}
.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:700px;background:rgba(255,255,255,.4)}
th,td{padding:11px 13px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;background:rgba(12,42,33,.035);font-weight:800;white-space:nowrap}
td{font-size:11.5px}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(217,164,65,.035)}
.entity{display:flex;align-items:center;gap:9px}.entity-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e8e2d2;color:#7b6329;font-weight:800}.entity strong{display:block}.entity small{display:block;color:var(--muted);font:500 9px var(--font-en)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font:700 8.5px var(--font-en);letter-spacing:.02em;background:#ecebe6;color:#52605a;white-space:nowrap}
.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.badge.success,.badge.LIVE_VERIFIED,.badge.CONFIRMED,.badge.APPROVED,.badge.READY_FOR_DELIVERY,.badge.ELIGIBLE{background:#dff4ea;color:#267a59}
.badge.warning,.badge.PENDING,.badge.PENDING_APPROVAL,.badge.RECEIPT_UPLOADED,.badge.UNDER_REVIEW,.badge.CONFIGURED_NOT_VERIFIED,.badge.REVIEW_REQUIRED,.badge.PENDING_VISUAL_REVIEW{background:#fff0d5;color:#9c6917}
.badge.danger,.badge.REJECTED,.badge.ERROR,.badge.URGENT_SAFETY_MESSAGE,.badge.MEDICAL_CLEARANCE_REQUIRED{background:#fae2df;color:#a84843}
.badge.info,.badge.DRAFT,.badge.NOT_CONFIGURED,.badge.ASSESSMENT_PENDING{background:#e2edfa;color:#4c729d}
.badge.dark{background:#18362d;color:#c7e5da}
.button{min-height:38px;padding:8px 15px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;transition:.18s ease}
.button:hover{transform:translateY(-1px);filter:brightness(1.02)}
.button-primary{background:linear-gradient(135deg,var(--brand-secondary,#10231d),color-mix(in srgb,var(--brand-secondary,#10231d) 72%,var(--brand-primary,#d9a441)));color:#fff;box-shadow:0 12px 24px rgba(16,35,29,.15)}
.button-gold{background:linear-gradient(135deg,var(--brand-primary,#d9a441),#efca77);color:#2b2415;box-shadow:0 12px 24px rgba(217,164,65,.18)}
.button-soft{background:rgba(255,255,255,.72);border-color:var(--line);color:var(--ink)}
.button-danger{background:#f7e2df;color:#973e39;border-color:#efc8c4}
.button-wide{width:100%;min-height:46px}
.button.is-processing:after{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.action-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-form{display:inline-flex;gap:6px;align-items:center}
.search-bar{display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:14px}
.search-bar input,.search-bar select{border:0;background:transparent;min-height:34px}.search-bar input{min-width:250px}
label{display:grid;gap:6px;font-size:10.5px;font-weight:700;color:var(--ink-2)}
label small{color:var(--muted);font-weight:500}
input,select,textarea{width:100%;min-height:41px;border:1px solid rgba(20,59,49,.15);background:rgba(255,255,255,.8);color:var(--ink);border-radius:11px;padding:9px 11px;transition:.18s}
textarea{min-height:100px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 12%,transparent);outline:0;background:#fff}
input[type=checkbox],input[type=radio]{width:17px;height:17px;min-height:0;accent-color:var(--brand-secondary)}
.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}
.check-row{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.5);font-weight:500}
.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.checkbox-grid .check-row{padding:8px}
.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:9px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.flash{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-radius:13px;margin-bottom:14px;border:1px solid;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.flash button{border:0;background:transparent;font-size:18px;color:inherit}
.flash-success{background:#e3f5ec;border-color:#c2e7d5;color:#266b50}.flash-error{background:#fbe8e5;border-color:#f0cbc7;color:#923c37}.flash-warning{background:#fff2dc;border-color:#f0dcba;color:#8b601b}.flash-info{background:#e8f0fa;border-color:#cbdced;color:#456d98}
.empty-state{text-align:center;padding:58px 24px}.empty-state h2{font-size:24px;margin:6px 0}.empty-state p{color:var(--muted);max-width:520px;margin:0 auto 20px}.error-code{font:800 12px var(--font-en);letter-spacing:.18em;color:var(--danger)}
.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:16px 1fr;gap:10px;position:relative;padding-bottom:15px}.timeline-item:before{content:"";position:absolute;right:7px;top:16px;bottom:0;width:1px;background:var(--line)}[dir=ltr] .timeline-item:before{right:auto;left:7px}.timeline-item:last-child:before{display:none}.timeline-dot{width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--brand-primary);margin-top:3px}.timeline-item strong{display:block;font-size:11px}.timeline-item small{color:var(--muted);font-size:9px}
.funnel-bars{display:grid;gap:10px}.funnel-row{display:grid;grid-template-columns:145px 1fr 40px;align-items:center;gap:10px}.funnel-row span{font-size:10px}.funnel-track{height:8px;border-radius:99px;background:#e8e6df;overflow:hidden}.funnel-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));min-width:3px}.funnel-row strong{font:700 10px var(--font-en)}
.progress-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand-accent) calc(var(--value)*1%),#e8e6df 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.progress-ring strong{position:relative;font:700 12px var(--font-en)}
.tabs{display:flex;gap:4px;padding:4px;background:#eae8e0;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.tabs button{border:0;background:transparent;padding:8px 13px;border-radius:9px;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:700}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.05)}
.stat-list{display:grid;gap:9px}.stat-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border:0}.stat-row span{color:var(--muted);font-size:10px}.stat-row strong{font-size:11px}
.code-block{direction:ltr;text-align:left;background:#07110e;color:#ccebdd;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:14px;font:500 10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;white-space:pre-wrap;word-break:break-all}
.danger-zone{border-color:rgba(230,107,100,.25);background:rgba(255,248,247,.8)}
.policy-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55)}.policy-card h4{margin:0 0 5px;font-size:12px}.policy-card p{color:var(--muted);font-size:10px;margin:0}
.integration-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.58);display:grid;gap:14px}.integration-head{display:flex;justify-content:space-between;gap:12px}.integration-head h3{margin:0;font-size:13px}.integration-head small{font:600 9px var(--font-en);color:var(--muted)}
.receipt-drop{padding:12px;border:1px dashed rgba(20,59,49,.25);border-radius:12px;background:rgba(255,255,255,.5)}
.client-hero{position:relative;overflow:hidden;padding:24px;background:linear-gradient(135deg,#0d281f,#183e32);color:#fff;border-radius:22px;box-shadow:var(--shadow);margin-bottom:18px}.client-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(217,164,65,.22);border-radius:50%;left:-90px;top:-110px;box-shadow:0 0 80px rgba(217,164,65,.12) inset}.client-hero h2{font-size:30px;margin:5px 0}.client-hero p{color:rgba(255,255,255,.6);margin:0}.client-hero .badge{position:relative}
.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:17px}.hero-meta div{display:grid}.hero-meta span{color:rgba(255,255,255,.45);font-size:9px}.hero-meta strong{font-size:11px}
.decision-banner{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:15px;background:#fff1d8;border:1px solid #efdcb6}.decision-banner.urgent{background:#fae4e1;border-color:#efc6c2}.decision-banner strong{display:block}.decision-banner p{margin:2px 0;color:#73561f;font-size:10px}
.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.document-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.62)}.document-card .doc-icon{width:38px;height:44px;border-radius:8px;background:linear-gradient(135deg,#173b31,#2d6554);color:#fff;display:grid;place-items:center;font:800 9px var(--font-en)}.document-card h4{margin:11px 0 3px;font-size:11px}.document-card p{margin:0;color:var(--muted);font-size:9px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.kanban-column{background:rgba(230,229,221,.65);border:1px solid var(--line);border-radius:15px;padding:10px;min-height:280px}.kanban-title{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 11px;font-size:10px;font-weight:800}.kanban-card{padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;box-shadow:0 6px 16px rgba(0,0,0,.025)}.kanban-card strong{display:block;font-size:11px}.kanban-card small{color:var(--muted);font-size:9px}
.inbox-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;min-height:620px}.thread-list{overflow:auto;max-height:650px}.thread-item{display:block;padding:12px;border-bottom:1px solid var(--line)}.thread-item.active,.thread-item:hover{background:rgba(217,164,65,.08)}.thread-item strong{display:block;font-size:11px}.thread-item p{margin:3px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation{display:flex;flex-direction:column;min-height:620px}.messages{flex:1;padding:16px;display:flex;flex-direction:column;gap:9px;overflow:auto}.message{max-width:74%;padding:10px 13px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:11px}.message.OUTBOUND{align-self:flex-start;background:#173b31;color:#fff}.message.INBOUND{align-self:flex-end}.message small{display:block;opacity:.55;font-size:8px;margin-top:4px}.composer{padding:13px;border-top:1px solid var(--line);display:flex;gap:8px}.composer textarea{min-height:44px}
.chart-bars{display:flex;align-items:flex-end;gap:9px;height:190px;padding-top:20px}.chart-bar{flex:1;min-width:24px;max-width:58px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:8px 8px 3px 3px;height:var(--height);position:relative}.chart-bar span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font:600 8px var(--font-en);color:var(--muted);white-space:nowrap}.chart-bar strong{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:700 8px var(--font-en)}
.public-shell{min-height:100vh;color:#fff;background:#06100d;position:relative;overflow-x:hidden;display:flex;flex-direction:column}
.cinematic-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.public-glow{position:fixed;border-radius:50%;filter:blur(110px);opacity:.25}.public-glow-one{width:520px;height:520px;background:#d9a441;top:-340px;right:15%}.public-glow-two{width:500px;height:500px;background:#1a8c67;bottom:-360px;left:8%}
.public-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;padding:28px clamp(24px,6vw,84px)}.public-brand .brand-mark,.portal-header .brand-mark{--brand-primary:#d9a441}
.public-main{position:relative;z-index:2;width:min(1220px,calc(100% - 40px));margin:auto;padding:30px 0}.public-footer{position:relative;z-index:2;text-align:center;padding:24px;color:rgba(255,255,255,.35);font:500 9px var(--font-en);letter-spacing:.06em}
.auth-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:580px;border:1px solid rgba(255,255,255,.1);background:rgba(9,27,21,.72);backdrop-filter:blur(30px);border-radius:30px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.35)}
.auth-copy{padding:clamp(42px,7vw,90px);display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 20% 20%,rgba(217,164,65,.13),transparent 40%)}
.auth-copy:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(217,164,65,.13);border-radius:50%;left:-140px;bottom:-160px;box-shadow:0 0 0 30px rgba(217,164,65,.025),0 0 0 70px rgba(217,164,65,.015)}
.auth-copy h1,.install-intro h1{font-size:clamp(38px,5vw,65px);letter-spacing:-.055em;line-height:1.09;margin:15px 0 22px}.auth-copy h1 em,.install-intro h1 em{font-style:normal;color:#d9a441}.auth-copy p,.install-intro p{color:rgba(255,255,255,.55);font-size:14px;max-width:540px}
.trust-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.trust-list span{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:99px;color:rgba(255,255,255,.62);font-size:9px;background:rgba(255,255,255,.025)}
.auth-form,.install-form{background:#f7f6f1;color:var(--ink);padding:clamp(36px,5vw,68px);display:flex;flex-direction:column;justify-content:center;gap:15px}
.form-heading{margin-bottom:8px}.form-heading h2{font-size:27px;margin:2px 0}.form-heading p{color:var(--muted);margin:0;font-size:11px}
.form-security{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:9px}
.install-shell{display:grid;grid-template-columns:.85fr 1.15fr;min-height:680px;border:1px solid rgba(255,255,255,.1);border-radius:30px;overflow:hidden;background:rgba(9,27,21,.75);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.install-intro{padding:clamp(35px,5vw,68px);display:flex;flex-direction:column;justify-content:center}.install-form{padding:clamp(30px,4vw,55px);justify-content:flex-start;overflow:auto}
.requirement-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:20px}.requirement{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.requirement>span{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-weight:800}.requirement.ok>span{color:#6ee7b7}.requirement.bad>span{color:#ff8880}.requirement.warn>span{color:#f0bf67}.requirement strong{display:block;font:700 9px var(--font-en)}.requirement small{display:block;color:rgba(255,255,255,.42);font-size:8px}
.install-warning{padding:11px;border:1px solid #ebd7aa;background:#fff3d8;color:#78581b;border-radius:11px;font-size:9px}
.portal-shell{min-height:100vh;background:linear-gradient(150deg,#f7f5ed,#e9efe9);color:var(--ink)}
.portal-header{height:76px;display:flex;align-items:center;gap:11px;padding:0 max(20px,calc((100vw - 1040px)/2));background:linear-gradient(135deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary) 78%,#000));color:#fff}.portal-main{width:min(1040px,calc(100% - 30px));margin:24px auto 50px}.portal-footer{text-align:center;padding:20px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}
.portal-hero{padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#10231d,#28614f);position:relative;overflow:hidden}.portal-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(217,164,65,.12);left:-70px;top:-100px}.portal-hero h1{font-size:31px;margin:4px 0}.portal-hero p{margin:0;color:rgba(255,255,255,.58)}
.meal-list{display:grid;gap:8px}.meal-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.meal-card strong{display:block;font-size:11px}.meal-card small{color:var(--muted);font-size:9px}.meal-calories{font:700 10px var(--font-en);color:var(--brand-secondary)}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.span-8,.span-7{grid-column:span 12}.span-4,.span-5{grid-column:span 6}.document-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){
  .app-shell{--sidebar:270px}.sidebar{transform:translateX(110%);transition:.25s ease}[dir=ltr] .sidebar{transform:translateX(-110%)}.sidebar-visible .sidebar{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(3,14,10,.5);backdrop-filter:blur(5px);z-index:40;opacity:0;visibility:hidden;transition:.2s}.sidebar-visible .sidebar-backdrop{opacity:1;visibility:visible}.sidebar-close{display:grid}.app-main{margin-inline-start:0}.menu-button{display:grid}.topbar{padding:0 20px}.content{padding:24px 20px 40px}.auth-card,.install-shell{grid-template-columns:1fr}.auth-copy{min-height:400px}.install-intro{padding-bottom:25px}.metric-grid{grid-template-columns:repeat(3,1fr)}.span-6,.span-5,.span-4,.span-3{grid-column:span 12}.inbox-layout{grid-template-columns:1fr}.thread-list{max-height:240px}.conversation{min-height:520px}
}
@media(max-width:640px){
  body{font-size:13px}.topbar{height:74px;padding:0 14px}.topbar-title .eyebrow{display:none}.topbar-title h1{font-size:16px}.user-chip div{display:none}.user-chip{padding:3px}.language-switch{display:none}.content{padding:18px 13px 35px}.app-footer{padding:13px;display:block;text-align:center}.app-footer span:last-child{display:none}
  .page-heading{display:block}.page-heading h2{font-size:23px}.page-actions{margin-top:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:105px}.metric-card strong{font-size:22px}.section-grid{gap:12px}.panel{padding:14px;border-radius:16px}.span-12,.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:span 12}
  .form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}.search-bar{display:grid}.search-bar input{min-width:0}.action-row{align-items:stretch}.action-row .button{flex:1}.topbar-actions{gap:5px}
  .public-main{width:min(100% - 22px,1220px);padding:10px 0}.public-brand{padding:18px}.auth-card,.install-shell{border-radius:20px}.auth-copy{padding:34px 26px;min-height:330px}.auth-copy h1,.install-intro h1{font-size:38px}.auth-form,.install-form{padding:30px 22px}.requirement-list{grid-template-columns:1fr}.install-intro{padding:34px 25px}
  .portal-main{width:calc(100% - 20px);margin-top:12px}.portal-hero{padding:22px}.portal-hero h1{font-size:25px}.message{max-width:90%}.composer{display:grid}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.sidebar,.topbar,.app-footer,.page-actions,.flash,.button,.ambient{display:none!important}.app-main{margin:0}.content{padding:0}.panel,.glass-card{box-shadow:none;border-color:#ddd;background:#fff}.app-shell{background:#fff}body{color:#000}}