/* Extreme Sender — Command Precision. Shared mobile-first application system.
   Logical properties keep both directions native; artwork and time-series stay LTR. */
:root{color-scheme:light;--canvas:#f4f5f7;--panel:#fff;--panel2:#f9fafb;--ink:#192129;--muted:#65717e;--line:#e3e7ec;--line-strong:#b9c2cc;--amber:#ff9f0a;--amber-strong:#8d5100;--amber-pale:#fff3dc;--green:#1c7754;--green-bg:#e9f6ef;--red:#b83140;--red-bg:#fff0f1;--blue:#2f628c;--blue-bg:#eaf2fa;--shadow:0 3px 18px #16212e04;--radius:13px;--sidebar:232px;--font:'Inter','Cairo',Arial,sans-serif;--ring:#965800}
html[lang=ar]{--font:'Cairo','Inter',Arial,sans-serif}
html[data-theme=dark]{color-scheme:dark;--canvas:#0c1216;--panel:#121b21;--panel2:#172229;--ink:#edf1f4;--muted:#a9b5bf;--line:#293840;--line-strong:#617480;--amber-strong:#ffc061;--amber-pale:#332717;--green:#8ee7b6;--green-bg:#18342c;--red:#ffadb5;--red-bg:#37232b;--blue:#a1cff4;--blue-bg:#1b3042;--ring:#ffb843;--shadow:0 3px 18px #0000000d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.65;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}html[lang=ar] body{line-height:1.85}button,input,textarea,select{font:inherit}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.28;letter-spacing:-.025em}html[lang=ar] :is(h1,h2,h3,h4){line-height:1.55;letter-spacing:0}h1{font-size:clamp(24px,2.8vw,32px);font-weight:750}h2{font-size:19px;font-weight:700}h3{font-size:15px;font-weight:650}small{font-size:12px}ul{margin:0;padding:0;list-style:none}b,strong{font-weight:650}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}::selection{background:#ffcc7b;color:#151b20}body:has(dialog[open]),body.drawer-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:200;background:var(--amber);color:#131a21;padding:10px 20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.icon{width:20px;height:20px;flex:0 0 auto;stroke-width:1.7}.icon.sm{width:16px;height:16px}.icon.lg{width:25px;height:25px}.directional{transition:transform .2s}html[dir=rtl] .directional{transform:scaleX(-1)}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--muted)}html[lang=ar] .eyebrow{letter-spacing:0;font-size:12px}.text-accent{color:var(--amber-strong)}.text-success{color:var(--green)}.text-danger{color:var(--red)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.stack{display:flex;flex-direction:column;gap:20px;min-width:0}.stack-sm{display:flex;flex-direction:column;gap:12px;min-width:0}.flex{display:flex;align-items:center;gap:12px;min-width:0}.flex-wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.align-start{align-items:flex-start}.full{width:100%}.mt{margin-block-start:20px}.mb{margin-block-end:20px}.no-margin{margin:0!important}
/* Controls share exact heights and baseline behavior. */
.btn{min-height:44px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.5;font-size:12px;font-weight:650;text-align:center;transition:background .16s,border-color .16s,box-shadow .16s;white-space:normal}.btn:hover{background:var(--panel2);border-color:var(--muted)}.btn.primary{background:linear-gradient(105deg,#ffb329,#ff9f0a);border-color:#e4930a;color:#172027;box-shadow:0 2px 5px #cf891019,inset 0 1px 0 #ffe2a4}.btn.primary:hover{background:#ffbe48;border-color:#d58906;box-shadow:0 3px 10px #ff9f0a25}.btn.soft{border-color:var(--line);background:var(--panel2)}.btn.danger{border-color:#d49097;color:var(--red);background:var(--red-bg)}.btn.small{min-height:36px;padding:7px 11px;font-size:11px}.btn.dark{background:#182128;color:#ededed;border-color:#44515a}.btn-link{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--amber-strong);font-size:12px;font-weight:600;min-height:40px;padding:6px 0;text-align:start}.btn-link:hover{text-decoration:underline}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--line);background:var(--panel);border-radius:8px}.icon-btn:hover{border-color:var(--line-strong);background:var(--panel2)}.icon-btn .icon{width:18px;height:18px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto;background:#e8edf1;color:#3b505f;border:1px solid #cfd8df;direction:ltr}.avatar.amber{background:#fff1d6;color:#805300;border-color:#f4d7a0}.avatar.teal{background:#dcf1eb;color:#246956;border-color:#c4e6da}.avatar.rose{background:#f7e8e8;color:#8c4952;border-color:#eccccc}.avatar.large{width:58px;height:58px;font-size:19px;border-radius:14px}.brand{display:flex;align-items:center;gap:10px;direction:ltr}.brand img{width:157px;aspect-ratio:572/184;object-fit:contain}.brand-logo-symbol{width:38px!important;aspect-ratio:1!important}
/* App shell. Drawer turns into a persistent rail only when space permits it. */
.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:#10171b;color:#c4cdd4;z-index:70;display:flex;flex-direction:column;padding:24px 16px 18px;transform:translateX(-102%);transition:transform .2s ease;border-inline-end:1px solid #293239}.sidebar .brand{padding:0 8px 23px}.sidebar .brand img{width:165px}.sidebar-scroll{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin}.sidebar-label{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#93a2ad;padding:22px 12px 8px;font-weight:600}html[lang=ar] .sidebar-label{letter-spacing:0;font-size:11px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;padding:10px 12px;border-radius:6px;font-size:12px;margin-block:3px;border:1px solid transparent;position:relative}.nav-item .icon{width:18px;height:18px;color:#9daeb9}.nav-item:hover{background:#1c272e;color:white}.nav-item.active{background:linear-gradient(90deg,#ff9f0a20,#ff9f0a0a);color:#ffbf51;border-color:#ff9f0a25}.nav-item.active::before{content:'';position:absolute;inset-block:11px;inset-inline-start:-1px;width:3px;background:var(--amber);border-radius:3px}.nav-item.active .icon{color:#ffb83d}.nav-count{margin-inline-start:auto;background:#2d373d;border-radius:4px;font-size:10px;min-width:20px;padding:0 5px;text-align:center;color:#dde3e7}.sidebar-offer{margin-block:22px 14px;border:1px solid #4d3c21;border-radius:9px;padding:15px 12px;background:linear-gradient(130deg,#2d271c,#141d22);font-size:11px}.sidebar-offer strong{color:white;display:block;font-size:12px;margin-block:9px 4px}.sidebar-offer p{color:#aeb7bf;font-size:10px}.sidebar-offer a{margin-block-start:12px;color:#ffbd48;display:flex;align-items:center;gap:5px;font-weight:600}.sidebar-user{border-block-start:1px solid #303940;padding-block-start:15px;display:flex;align-items:center;gap:10px;font-size:11px}.sidebar-user small{display:block;color:#9eabb5;font-size:10px}.sidebar-user .avatar{background:#29363e;color:#f2f4f6;border-color:#3d4b54}.drawer-backdrop{display:none;position:fixed;inset:0;background:#080e13a8;backdrop-filter:blur(2px);z-index:65}.drawer-open .sidebar{transform:none!important}.drawer-open .drawer-backdrop{display:block}html[dir=rtl] .sidebar{transform:translateX(102%)}.workspace{min-width:0;min-height:100dvh}.topbar{min-height:70px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-block-end:1px solid var(--line);background:var(--panel);position:sticky;inset-block-start:0;z-index:35}.topbar-start,.topbar-end{display:flex;align-items:center;gap:10px;min-width:0}.topbar-title{font-size:12px;font-weight:600;white-space:nowrap}.topbar-sep,.topbar-search,.topbar-person,.desktop-only{display:none}.notification-btn{position:relative}.notification-btn::after{content:'';width:6px;height:6px;background:#e7930f;border:2px solid var(--panel);border-radius:50%;position:absolute;inset-block-start:7px;inset-inline-end:9px}.language-toggle{font-family:'Cairo','Inter',sans-serif;font-size:12px;min-width:44px}.demo-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:7px 18px;border-block-end:1px solid var(--line);background:var(--panel2);font-size:10px;color:var(--muted);line-height:1.65}.demo-strip .icon{width:13px;height:13px}.demo-strip a{white-space:nowrap;color:var(--amber-strong);text-decoration:underline;text-underline-offset:3px}.demo-strip .flex{gap:6px}.content{padding:25px 18px 108px;max-width:1520px;margin-inline:auto;min-width:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-block-end:25px}.page-heading .eyebrow{margin-block-end:6px}.page-heading p{margin-block-start:8px;color:var(--muted);font-size:12px;max-width:620px}.page-heading .actions{margin-block-start:4px}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;margin-block-end:17px;flex-wrap:wrap}.breadcrumb .icon{width:12px;height:12px}.breadcrumb a:hover{color:var(--amber-strong)}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-block-start:1px solid var(--line);z-index:40;display:flex;justify-content:space-around;gap:3px}.bottom-nav a,.bottom-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:9px;min-height:47px;flex:1}.bottom-nav .active{color:var(--amber-strong)}.bottom-nav .icon{width:20px;height:20px}.support-banner{position:sticky;inset-block-start:70px;z-index:36;background:#fff0c7;color:#654513;padding:12px 18px;font-size:12px;border-block-end:1px solid #dcbb75;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.support-banner .btn{color:#3a2c12;background:#fff8e8;border-color:#cfad65}.support-banner strong{display:block}.support-banner small{display:block;font-size:10px}
/* Panels and high-density, calm data composition. */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel.padded{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-block-end:1px solid var(--line);min-height:72px;flex-wrap:wrap}.panel-head.no-border{border:0;padding-block-end:10px}.panel-head h2{font-size:15px;letter-spacing:-.01em}.panel-head p{font-size:11px;color:var(--muted);margin-block-start:4px}.panel-body{padding:22px}.panel-foot{padding:14px 22px;border-block-start:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:20px;min-width:0}.grid>*{min-width:0}.grid-2,.grid-3,.grid-4,.grid-main,.grid-form{grid-template-columns:minmax(0,1fr)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-end:22px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative;overflow:hidden}.metric-title{color:var(--muted);font-size:11px;font-weight:500;display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:35px}.metric-title .icon{width:17px;height:17px;flex-shrink:0}.metric-value{font-size:clamp(25px,2.8vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:block}.metric-bottom{display:flex;align-items:center;gap:7px;justify-content:space-between;margin-block-start:auto;font-size:10px;color:var(--muted);min-height:26px}.metric-bottom .trend{color:var(--green);font-weight:600}.mini-chart{width:66px;height:24px;flex:0 0 auto;color:var(--amber);direction:ltr}.metric.accent{border-color:#e6c68f;background:linear-gradient(125deg,var(--panel),var(--amber-pale))}.command-hero{position:relative;isolation:isolate;background:#101a21;color:#edf1f3;border-radius:13px;padding:26px;overflow:hidden;margin-block-end:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #273941}.command-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101a21 8%,#101a21bd 58%,#101a2100),url('../images/mountain.webp') right 50%/auto 220px no-repeat;opacity:.8}.command-hero h2{font-size:clamp(21px,2.8vw,29px);font-weight:700;margin-block:9px}.command-hero p{font-size:12px;color:#b7c3cc;max-width:560px}.command-hero .eyebrow{color:#ffbf54}.command-hero .actions{margin-block-start:18px}.command-art{display:none;flex:0 0 175px}.command-art img{width:150px;max-height:150px;object-fit:contain;filter:drop-shadow(0 7px 23px #ff9f0a21)}.badge{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:5px;background:var(--panel2);font-size:10px;line-height:1.5;font-weight:600;white-space:nowrap;color:var(--muted)}.badge::before{content:'';width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:currentColor}.badge.success{color:var(--green);background:var(--green-bg)}.badge.warning{color:var(--amber-strong);background:var(--amber-pale)}.badge.danger{color:var(--red);background:var(--red-bg)}.badge.info{color:var(--blue);background:var(--blue-bg)}.badge.neutral{color:var(--muted);background:var(--panel2)}.badge.outline{background:transparent;border:1px solid var(--line);color:var(--muted)}.badge.no-dot::before{display:none}.progress{height:7px;background:var(--line);border-radius:5px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--amber);border-radius:inherit;max-width:100%;transition:width .3s}.progress.success>span{background:#36b783}.legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:0 0 auto;display:inline-block}.dot.green{background:#35b783}.dot.gray{background:#9ba7b5}.dot.red{background:#e66c76}.inline-kpi{display:flex;align-items:baseline;gap:9px;margin-block:7px 20px}.inline-kpi strong{font-size:27px;letter-spacing:-.035em;line-height:1.3}.inline-kpi span{color:var(--muted);font-size:11px}.chart-wrap{position:relative;padding:15px 0 0}.line-chart{width:100%;height:auto;max-height:260px;direction:ltr;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}.chart-label{font-family:var(--font);font-size:var(--chart-font,14px);fill:var(--muted)}.chart-line{fill:none;stroke:#f5a516;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-secondary{fill:none;stroke:#35b783;stroke-width:1.8;stroke-linecap:round}.chart-dot{fill:#ffb020;stroke:var(--panel);stroke-width:3}.chart-note{display:flex;align-items:center;gap:8px;margin-block-start:10px;font-size:10px;color:var(--muted)}.donut-wrap{display:flex;align-items:center;justify-content:center;margin-block:14px;position:relative}.donut{width:170px;height:170px;direction:ltr;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:11}.donut-track{stroke:var(--line)}.donut-fill{stroke:var(--amber);stroke-linecap:round}.donut-label{position:absolute;text-align:center;pointer-events:none}.donut-label strong{font-size:28px;display:block;line-height:1.2;letter-spacing:-.04em}.donut-label small{font-size:10px;color:var(--muted)}.kv-list{display:grid;gap:13px}.kv{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;min-width:0}.kv>span:first-child{color:var(--muted)}.kv strong{font-weight:600;text-align:end;overflow-wrap:anywhere}.kv-line{padding-block-end:13px;border-block-end:1px solid var(--line)}.activity-item{display:flex;align-items:flex-start;gap:12px;padding-block:13px;position:relative}.activity-item+.activity-item{border-block-start:1px solid var(--line)}.activity-icon{width:32px;height:32px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;color:var(--muted)}.activity-icon .icon{width:15px;height:15px}.activity-item h3{font-size:12px;line-height:1.65;letter-spacing:0}.activity-item p,.activity-item time{font-size:10px;color:var(--muted);line-height:1.7}.activity-item time{margin-inline-start:auto;white-space:nowrap}.promo-panel{position:relative;overflow:hidden;padding:22px;border-radius:11px;background:#17232a;color:#eef1f3;isolation:isolate}.promo-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16232a,#16232acc),url('../images/cliff.webp') center/cover;z-index:-1}.promo-panel h3{font-size:18px;margin-block:10px}.promo-panel p{font-size:11px;color:#b8c6ce}.promo-panel .btn{margin-block-start:20px;width:100%}.count-pair{display:flex;gap:18px;border-block-start:1px solid #3c4b55;margin-block-start:20px;padding-block-start:18px}.count-pair strong{font-size:20px;display:block}.count-pair small{color:#aebdc7;font-size:10px}
/* Tables reflow into complete record cards, not clipped desktop screenshots. */
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 22px;border-block-end:1px solid var(--line)}.searchbox{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line-strong);border-radius:7px;min-height:42px;padding-inline:12px;min-width:0;flex:1 1 220px;max-width:340px}.searchbox .icon{color:var(--muted);width:16px;height:16px}.searchbox input{min-width:0;width:100%;background:none;border:0;padding-block:9px;outline:none;color:var(--ink);font-size:12px}.searchbox:focus-within{outline:2px solid var(--ring);outline-offset:2px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.filter-tabs button{min-height:36px;border:1px solid transparent;padding:7px 10px;border-radius:6px;font-size:11px;background:none;color:var(--muted);font-weight:550}.filter-tabs button.active{background:var(--amber-pale);border-color:#dabc83;color:var(--amber-strong)}.filter-tabs button:hover{background:var(--panel2)}.filter-tabs .n{padding:1px 5px;font-size:9px;background:var(--line);border-radius:4px;margin-inline-start:4px}.table-scroll{min-width:0}.data-table{width:100%;border-collapse:collapse;text-align:start;font-size:12px}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600;padding:12px 18px;background:var(--panel2);text-align:start;white-space:nowrap}.data-table td{padding:17px 18px;border-block-start:1px solid var(--line);vertical-align:middle}.data-table tbody tr:hover{background:var(--panel2)}.data-table td strong{font-size:12px;font-weight:600}.data-table td small{display:block;color:var(--muted);font-size:10px}.data-table .row-link{font-weight:600}.data-table .row-link:hover{color:var(--amber-strong)}.table-person{display:flex;align-items:center;gap:11px;min-width:0}.table-person>span{min-width:0}.table-person strong{display:block;overflow-wrap:anywhere}.table-person small{overflow-wrap:anywhere}.table-person .avatar{border-radius:10px}.row-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.row-actions .icon-btn{width:34px;height:34px;border-color:var(--line)}.row-actions .icon{width:15px;height:15px}.number{font-variant-numeric:tabular-nums;font-family:'Inter','Cairo',sans-serif;unicode-bidi:isolate}.pagination{display:flex;align-items:center;gap:5px}.pagination button{min-width:33px;height:33px;border:1px solid var(--line);background:var(--panel);border-radius:5px;font-size:11px}.pagination button.active{color:var(--amber-strong);background:var(--amber-pale);border-color:#dabc83}.empty{padding:52px 22px;text-align:center;max-width:530px;margin:auto}.empty-icon{width:65px;height:65px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--panel2);color:var(--amber-strong);margin:0 auto 20px}.empty-icon .icon{width:28px;height:28px}.empty h2{font-size:19px}.empty p{color:var(--muted);font-size:12px;margin-block:10px 20px;max-width:390px;margin-inline:auto}.empty .actions{justify-content:center}.notice{display:flex;align-items:flex-start;gap:12px;border:1px solid #d2bd8d;border-radius:8px;padding:14px 16px;background:var(--amber-pale);font-size:12px;color:var(--amber-strong);line-height:1.8}.notice.info{background:var(--blue-bg);border-color:#99b7d0;color:var(--blue)}.notice.success{background:var(--green-bg);border-color:#a0ccba;color:var(--green)}.notice.danger{background:var(--red-bg);border-color:#d199a2;color:var(--red)}.notice .icon{margin-block-start:2px;width:18px;height:18px}.notice p{margin-block-start:3px}.notice small{font-size:11px}.notice .btn-link{color:inherit}.inline-empty{padding:28px;text-align:center;color:var(--muted);font-size:12px}
/* Forms: readable labels, native semantics, inline errors, predictable input heights. */
.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px}.field>label,.field>span:first-child{font-size:12px;font-weight:600}.field .required{color:var(--red);margin-inline-start:3px}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.control-select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel);color:var(--ink);padding:10px 12px;font-size:13px;line-height:1.65;transition:border-color .15s}.field textarea{resize:vertical;min-height:125px;line-height:1.85}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.8}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ring);outline:2px solid color-mix(in srgb,var(--ring) 20%,transparent);outline-offset:1px}.field small{font-size:10px;color:var(--muted);line-height:1.8}.field .error{color:var(--red);font-size:11px;min-height:0;display:none}.field.invalid .error{display:block}.field.invalid :is(input,select,textarea){border-color:var(--red)}.input-wrap{position:relative}.input-wrap input{padding-inline-end:49px!important}.input-wrap .icon-btn{position:absolute;inset-inline-end:4px;inset-block-start:3px;border:0;background:transparent;height:38px;width:38px}.control-select{min-height:38px;padding:7px 30px 7px 10px;width:auto;font-size:11px}.check-line{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.9;cursor:pointer}.check-line input{margin-block-start:5px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--amber);cursor:pointer}.check-line a{text-decoration:underline;text-underline-offset:3px}.section-divider{border:0;border-block-start:1px solid var(--line);margin-block:24px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-block-start:1px solid var(--line);padding-block-start:22px;margin-block-start:22px}.choice-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.choice{position:relative;display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line-strong);padding:16px;border-radius:9px;cursor:pointer;background:var(--panel)}.choice:has(input:checked){border-color:#d39128;background:var(--amber-pale);box-shadow:0 0 0 1px #d3912820}.choice input{accent-color:#bf7800;flex:0 0 auto;margin:5px 0 0;width:16px;height:16px}.choice strong{display:block;font-size:12px}.choice small{display:block;color:var(--muted);font-size:11px;margin-block-start:4px}.choice .icon{color:var(--amber-strong);width:23px;height:23px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;border-block-end:1px solid var(--line)}.switch-row:last-child{border:0}.switch-row strong{font-size:12px;display:block}.switch-row p{font-size:11px;color:var(--muted);margin-block-start:4px}.switch{position:relative;display:inline-block;flex:0 0 39px;width:39px;height:23px}.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.switch span{display:block;height:23px;background:var(--line-strong);border-radius:13px;transition:background .15s}.switch span:after{content:'';display:block;width:17px;height:17px;border-radius:50%;position:absolute;inset-inline-start:3px;inset-block-start:3px;background:white;box-shadow:0 1px 3px #0002;transition:inset-inline-start .15s}.switch input:checked+span{background:#dc8b10}.switch input:checked+span:after{inset-inline-start:19px}.switch input:focus-visible+span{outline:3px solid var(--ring);outline-offset:3px}.upload-zone{position:relative;border:1.5px dashed var(--line-strong);border-radius:9px;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;padding:28px 16px;background:var(--panel2)}.upload-zone .icon{color:var(--amber-strong);width:30px;height:30px}.upload-zone input{max-width:100%;font-size:11px}.upload-zone p{font-size:11px;color:var(--muted)}.upload-zone strong{font-size:12px}.tip-card{padding:20px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.tip-card .icon{color:var(--amber-strong);margin-block-end:13px}.tip-card h3{margin-block-end:8px}.tip-card p{color:var(--muted);font-size:12px}.checklist{display:flex;flex-direction:column;gap:14px;font-size:12px;line-height:1.7}.checklist li{display:flex;align-items:flex-start;gap:9px}.checklist .icon{width:17px;height:17px;margin-block-start:2px;color:var(--green)}.subnav{display:flex;gap:6px;border-block-end:1px solid var(--line);padding-block-end:12px;margin-block-end:24px;overflow-x:auto;scrollbar-width:thin}.subnav a,.subnav button{flex:0 0 auto;padding:9px 13px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:12px;background:none;min-height:40px;font-weight:550}.subnav .active{background:var(--panel);border-color:var(--line);box-shadow:0 1px 3px #0001;color:var(--ink)}.subnav a:hover,.subnav button:hover{color:var(--amber-strong)}.mini-section-title{font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-block-end:13px}html[lang=ar] .mini-section-title{letter-spacing:0}
/* Guided composer and message preview. */
.steps-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-block-end:25px}.wizard-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:14px 4px;border-block-end:2px solid var(--line);color:var(--muted);font-size:10px}.wizard-step .step-n{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-size:11px;background:var(--panel)}.wizard-step.active{color:var(--ink);border-color:var(--amber)}.wizard-step.active .step-n{background:var(--amber);color:#1b2228;border-color:#d98c15}.wizard-step.done{border-color:#81c6a9}.wizard-step.done .step-n{color:var(--green);border-color:#91c5af;background:var(--green-bg)}.preview-phone{max-width:325px;margin-inline:auto;border:6px solid #172128;border-radius:30px;background:var(--panel2);overflow:hidden;box-shadow:0 14px 30px #17212810}.phone-top{display:flex;align-items:center;gap:10px;padding:20px 15px 14px;border-block-end:1px solid var(--line);background:var(--panel);font-size:12px}.phone-top small{font-size:9px;color:var(--muted);display:block}.phone-screen{min-height:290px;padding:22px 13px;display:flex;flex-direction:column;align-items:flex-start;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:10px 10px}.phone-time{font-size:9px;align-self:center;color:var(--muted);margin-block-end:20px}.message-bubble{font-size:12px;background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:12px;max-width:95%;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 3px #00000005}.message-bubble.highlight{border-color:#e3bf7a}.phone-bottom{font-size:10px;color:var(--muted);border-block-start:1px solid var(--line);padding:12px;display:flex;align-items:center;justify-content:space-between}.preview-label{font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;text-align:center;margin-block:17px}.template-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.template-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.template-art{height:112px;background:linear-gradient(145deg,#142028,#31434c);position:relative;overflow:hidden;color:#eef2f5;display:flex;align-items:center;justify-content:space-between;padding:24px}.template-art .icon{width:50px;height:50px;stroke-width:1;color:#ffc367;opacity:.9}.template-art span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;max-width:150px;line-height:1.9}.template-art::after{content:'';width:110px;height:160px;border:1px solid #ffbd6c42;position:absolute;inset-inline-end:0;inset-block-start:-20px;transform:rotate(30deg);box-shadow:20px 0 0 #ffffff03,40px 0 0 #ffffff03}.template-art.teal{background:linear-gradient(140deg,#16312c,#345e50)}.template-art.sand{background:linear-gradient(140deg,#382c20,#65523c)}.template-body{padding:20px;flex:1;display:flex;flex-direction:column}.template-body h3{margin-block:11px}.template-body p{font-size:12px;line-height:1.9;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.template-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block-start:18px;margin-block-start:20px;border-block-start:1px solid var(--line)}.tag{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--panel2);font-size:9px}.tags{display:flex;flex-wrap:wrap;gap:5px}.step-guide{display:flex;gap:13px;align-items:flex-start}.step-guide>.step-n{border:1px solid #d0ac6d;background:var(--amber-pale);color:var(--amber-strong);width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;font-size:11px}.step-guide p{font-size:11px;color:var(--muted);margin-block-start:4px}.status-timeline{display:flex;flex-direction:column}.status-timeline .activity-item{border:0;padding-block:14px}.status-timeline .activity-item:not(:last-child)::after{content:'';width:1px;position:absolute;inset-inline-start:16px;inset-block-start:45px;inset-block-end:-9px;background:var(--line)}.campaign-summary{padding:24px;background:var(--panel2);border-radius:10px;border:1px solid var(--line)}.campaign-summary h2{font-size:20px;margin-block:10px}.campaign-controls{display:flex;gap:10px;flex-wrap:wrap;padding:20px;background:var(--panel2);border-block-start:1px solid var(--line)}
/* Billing, dialogs, support and public inner pages. */
.plan-card{background:#132029;color:#f2f4f5;position:relative;border-radius:13px;padding:28px;overflow:hidden;isolation:isolate;border:1px solid #3b494f}.plan-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#132029,#132029e8),url('../images/rock-detail.webp') center/cover}.plan-card .eyebrow{color:#ffbf54}.plan-card h2{font-size:22px;margin-block:12px 8px}.plan-card p{color:#bdc9d1;font-size:12px}.plan-card .price{font-size:49px;font-weight:700;line-height:1.3;letter-spacing:-.045em;margin-block:17px;direction:ltr;unicode-bidi:isolate}.plan-card .price small{font-size:12px;font-weight:400;color:#bac6cf;letter-spacing:0}.plan-card .btn{width:100%;margin-block-start:17px}.plan-card .checklist{margin-block:22px}.plan-card .checklist .icon{color:#ffb832}.plan-card .kv{color:#d1d9df}.plan-card .kv>span:first-child{color:#b8c7d1}.price-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);flex-wrap:wrap}.price-toggle button{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:none;font-size:12px}.price-toggle button.active{background:var(--panel);border-color:var(--line-strong);box-shadow:0 1px 4px #0001;color:var(--ink)}.price-toggle .save{background:var(--green-bg);color:var(--green);border-radius:3px;padding:3px 5px;font-size:9px;margin-inline-start:6px}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding-block:12px;border-block-end:1px solid var(--line)}.receipt-row:last-child{border:0}.receipt-row.total{font-size:17px;font-weight:650}.payment-option{display:flex;align-items:center;gap:13px;border:1px solid var(--line-strong);padding:16px;border-radius:9px;cursor:pointer}.payment-option:has(input:checked){border-color:#c18e38;background:var(--amber-pale)}.payment-option input{accent-color:#b87400;margin:0;width:17px;height:17px}.payment-option .pay-mark{width:40px;height:33px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:16px;font-weight:700;color:var(--ink)}.payment-option strong{display:block;font-size:12px}.payment-option small{display:block;font-size:10px;color:var(--muted)}.invoice-sheet{max-width:890px;margin:auto;padding:26px;background:white;color:#1b242b;border:1px solid #dfe5e9;border-radius:12px}.invoice-brand{background:#162027;border-radius:9px;padding:18px;width:200px}.invoice-meta{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-block:34px}.invoice-meta p{font-size:12px;color:#64717d;margin-block-start:5px}.ticket-bubble{padding:17px 19px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;font-size:12px;margin-block-start:11px;line-height:1.95}.ticket-bubble.reply{background:var(--amber-pale);border-color:#e6c994}.ticket-message{margin-block:25px}.ticket-message .flex small{color:var(--muted);font-size:10px}.faq-list details{padding-block:16px;border-block-end:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;min-height:32px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);margin-block-start:13px;line-height:1.95;max-width:760px}.help-card{padding:22px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;background:var(--panel);transition:border-color .2s}.help-card:hover{border-color:#d5b273}.help-card>.icon{width:25px;height:25px;color:var(--amber-strong);margin-block-end:17px}.help-card h3{margin-block-end:9px}.help-card p{font-size:12px;color:var(--muted);flex:1}.help-card small{font-size:10px;color:var(--amber-strong);margin-block-start:20px}.article{font-size:13px;line-height:2;color:var(--muted)}.article h2{font-size:19px;color:var(--ink);margin-block:28px 10px}.article h3{color:var(--ink);margin-block:22px 7px}.article p{margin-block:12px}.article ol{padding-inline-start:20px;line-height:2.2}.article a{color:var(--amber-strong);text-decoration:underline}.article .notice{margin-block:22px}.announcement{display:flex;align-items:center;gap:15px;padding:16px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}.announcement>.icon{color:var(--amber-strong)}.announcement p{font-size:11px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.catalog-link{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;align-items:center;gap:14px}.catalog-link:hover{border-color:var(--amber)}.catalog-link>.icon{color:var(--amber-strong)}.catalog-link strong{display:block;font-size:12px}.catalog-link small{display:block;font-size:10px;color:var(--muted)}.catalog-link .directional{margin-inline-start:auto}.state-skeleton{height:120px;border-radius:10px;background:linear-gradient(90deg,var(--panel2),var(--line),var(--panel2));background-size:300% 100%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{to{background-position:-150% 0}}.state-line{height:14px;max-width:80%;border-radius:4px;background:var(--line);margin-block:15px}
dialog{border:1px solid var(--line-strong);border-radius:16px;padding:0;width:min(550px,calc(100% - 28px));max-height:calc(100dvh - 32px);background:var(--panel);color:var(--ink);box-shadow:0 30px 100px #0004;overflow-y:auto}dialog.wide{width:min(760px,calc(100% - 28px))}dialog::backdrop{background:#08101699;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-block-end:1px solid var(--line)}.dialog-head h2{font-size:18px}.dialog-body{padding:24px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-block-start:23px;padding-block-start:20px;border-block-start:1px solid var(--line)}.command-results{display:flex;flex-direction:column;gap:5px;margin-block-start:18px;max-height:48vh;overflow-y:auto}.command-results a{padding:10px 12px;display:flex;gap:10px;align-items:center;border-radius:7px;font-size:12px}.command-results a:hover{background:var(--amber-pale)}.command-results .icon{width:17px;height:17px;color:var(--amber-strong)}.toast-region{position:fixed;inset-inline-end:20px;inset-block-end:95px;width:min(380px,calc(100% - 40px));z-index:110;pointer-events:none;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:var(--ink);color:var(--panel);border-radius:10px;box-shadow:0 8px 40px #0003;font-size:12px;line-height:1.8;animation:toast-in .2s ease}.toast .icon{color:#ffb638;width:18px;height:18px;margin-block-start:2px;flex-shrink:0}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.public-shell{background:#0b1216;color:#edf1f4;min-height:100dvh;color-scheme:dark;--canvas:#0b1216;--panel:#121b21;--panel2:#172229;--ink:#edf1f4;--muted:#adb9c3;--line:#293840;--line-strong:#677983;--amber-strong:#ffbf56;--amber-pale:#372a17;--green:#8ee7b6;--green-bg:#17332a;--red:#ffa9b2;--red-bg:#372229;--blue:#a3cfff;--blue-bg:#213346;--ring:#ffb638}.public-header{background:#0a1115f7;border-block-end:1px solid #293840;padding:17px 20px;display:flex;align-items:center;gap:12px;justify-content:space-between;position:sticky;inset-block-start:0;z-index:40}.public-header .brand img{width:150px}.public-header .actions{gap:7px}.public-nav{display:none;gap:24px;font-size:12px;color:#b5c1ca}.public-nav .active,.public-nav a:hover{color:#ffb944}.public-main{max-width:1220px;margin:auto;padding:0 20px 70px}.public-hero{text-align:center;padding:58px 10px 42px;max-width:790px;margin:auto;position:relative}.public-hero h1{font-size:clamp(30px,5.5vw,50px);margin-block:17px}.public-hero p{font-size:14px;color:var(--muted);line-height:1.9;max-width:620px;margin:auto}.public-hero .actions{justify-content:center;margin-block-start:25px}.public-hero .eyebrow{color:#ffb642}.public-hero:before{content:'';position:absolute;inset:-20px -5vw;pointer-events:none;background:radial-gradient(ellipse,#ff9f0a09,transparent 65%);z-index:0}.public-section{padding-block:35px;border-block-start:1px solid var(--line);margin-block-start:35px}.public-section h2{font-size:24px;margin-block-end:12px}.public-section>p{font-size:13px;color:var(--muted);margin-block-end:26px}.public-footer{padding:28px 20px;border-block-start:1px solid #293840;max-width:1340px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:11px;color:#a6b4bd}.public-footer .brand img{width:135px}.public-footer nav{display:flex;gap:18px;flex-wrap:wrap}.public-footer a:hover{color:#ffb73e}.public-close{display:none}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:100dvh;background:var(--panel)}.auth-story{display:none;background:#101a20;color:#edf1f4;padding:45px;position:relative;isolation:isolate;overflow:hidden}.auth-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101a20aa,#101a2088 70%,#101a20),url('../images/mountain.webp') center/cover;opacity:.7}.auth-story .brand img{width:184px}.auth-story-content{margin-block:auto;padding-block:65px}.auth-story h2{font-size:39px;line-height:1.18;max-width:450px;letter-spacing:-.04em;margin-block:20px}.auth-story h2 em{color:var(--amber);font-style:normal}.auth-story p{color:#b9c6cf;font-size:13px;max-width:385px;line-height:1.9}.auth-mini{border:1px solid #6a594038;background:#132029bf;border-radius:13px;padding:22px;margin-block-start:40px;max-width:425px;backdrop-filter:blur(10px)}.auth-mini .mini-chart{width:100%;height:65px;margin-block:25px 5px}.auth-mini strong{font-size:30px}.auth-mini .muted{color:#b4c4ce}.auth-story-footer{color:#b4c0c8;font-size:10px;display:flex;align-items:center;gap:8px}.auth-main{display:flex;flex-direction:column;min-width:0}.auth-top{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.auth-top .brand{padding:6px 10px;border-radius:7px;background:#152028}.auth-top .brand img{width:136px}.auth-form{width:min(450px,100%);margin:auto;padding:35px 24px 50px}.auth-form h1{font-size:28px;margin-block:10px}.auth-form>p{font-size:13px;color:var(--muted);margin-block:10px 27px;line-height:1.9}.auth-form .btn{min-height:47px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin-block:21px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.auth-switch{font-size:12px;text-align:center;color:var(--muted);margin-block-start:23px}.auth-switch a{color:var(--amber-strong);font-weight:600}.auth-footer{padding:18px;text-align:center;font-size:10px;color:var(--muted)}.success-mark{display:grid;place-items:center;width:60px;height:60px;border:1px solid #d9b979;background:var(--amber-pale);color:var(--amber-strong);border-radius:17px;margin-block-end:20px}.success-mark .icon{width:29px;height:29px}.readable-width{max-width:810px;margin-inline:auto}.detail-title{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.detail-title h1{font-size:26px}.health-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.health-item{padding:18px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:13px;background:var(--panel2)}.health-item>.icon{color:var(--green);width:23px;height:23px}.health-item strong{font-size:12px;display:block}.health-item small{font-size:10px;color:var(--muted)}.health-item .badge{margin-inline-start:auto}.bar-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding-block-start:10px}.bar-column{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;font-size:10px;color:var(--muted)}.bar-column .bar{width:65%;max-width:45px;background:linear-gradient(#ffb936,#f39b0e);border-radius:4px 4px 0 0;min-height:5px}.bar-column strong{color:var(--ink);font-size:10px}.staff-role{font-size:10px;letter-spacing:.08em;padding:3px 7px;color:#ffc565;border:1px solid #8e632b;background:#32281b;border-radius:4px;text-align:center;margin:0 7px 5px;width:fit-content}html[lang=ar] .staff-role{letter-spacing:0}.file-item{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.file-item>.icon{color:var(--amber-strong)}.file-item strong{display:block;font-size:12px}.file-item small{font-size:10px;color:var(--muted)}.chip-btn{border:1px solid var(--line);padding:5px 9px;border-radius:5px;background:var(--panel2);font-size:11px;color:var(--muted);min-height:34px}.chip-btn:hover{border-color:var(--amber);color:var(--amber-strong)}.save-indicator{color:var(--green);font-size:10px;display:inline-flex;align-items:center;gap:5px}.save-indicator .icon{width:13px;height:13px}.state-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:13px 18px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--panel2);margin-block-end:20px;font-size:10px}.state-toolbar .chip-btn.active{border-color:var(--amber);background:var(--amber-pale);color:var(--amber-strong)}
@media(max-width:759px){.data-table,.data-table tbody{display:block}.data-table thead{display:none}.data-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px;border:1px solid var(--line);padding:16px;border-radius:9px;background:var(--panel)}.data-table td{display:flex;flex-direction:column;gap:5px;border:0;padding:0;min-width:0;overflow-wrap:anywhere;font-size:11px}.data-table td::before{content:attr(data-label);font-size:9px;font-weight:500;color:var(--muted)}.data-table td:first-child{grid-column:1/-1;border-block-end:1px solid var(--line);padding-block-end:13px}.data-table td:first-child::before{display:none}.data-table td:last-child:has(.row-actions){grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-block-start:1px solid var(--line);padding-block-start:10px}.data-table .row-actions{justify-content:flex-start;flex-wrap:wrap}.toolbar{padding:16px}.toolbar .searchbox{max-width:none;flex-basis:100%}.toolbar .filter-tabs{width:100%}.panel-head{padding:17px}.panel-body{padding:18px}.panel.padded{padding:19px}.command-hero{padding:23px}.dialog-body{padding:19px}.dialog-head{padding:17px 19px}.metric-bottom{flex-wrap:wrap}.mini-chart{max-width:60px}.metrics{align-items:stretch}.metric-value{font-size:27px}.metric-title{font-size:10px}.public-header .nav-signin{display:none}.hide-small{display:none!important}.page-heading .actions{width:100%}.page-heading .actions>.btn{flex:1 1 auto}.form-actions>.btn{flex:1}.form-actions>.muted{flex-basis:100%}.support-banner .btn{min-height:36px}.public-nav.open{display:flex;position:absolute;inset-inline:12px;inset-block-start:75px;flex-direction:column;gap:0;border:1px solid #3e4c55;border-radius:10px;background:#162128;box-shadow:0 20px 40px #0006;padding:10px}.public-nav.open a{padding:12px}.topbar-end{gap:5px}.topbar-title{max-width:120px;overflow:hidden;text-overflow:ellipsis}.topbar .icon-btn{width:36px;height:38px}.auth-form .choice-grid{grid-template-columns:1fr}.receipt-row{font-size:12px}.health-item{flex-wrap:wrap}.health-item .badge{margin-inline-start:36px}.panel-head .actions{gap:5px}}
@media(min-width:520px){.form-grid,.choice-grid,.template-grid,.catalog-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field.full-span{grid-column:1/-1}.command-art{display:block}.public-header{padding-inline:28px}.content{padding-inline:24px}.topbar{padding-inline:24px}.demo-strip{padding-inline:24px}.auth-form{padding-inline:30px}.auth-top{padding-inline:30px}}
@media(min-width:760px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:20px}.metric-title{min-height:23px;font-size:11px}.metric-bottom{min-height:27px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)}.grid-form{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.command-hero{padding:28px 32px}.data-table th,.data-table td{padding-inline:16px}.desktop-only{display:inline-flex}.topbar-title{font-size:12px}.topbar-sep{display:inline;color:var(--line-strong)}.topbar .icon-btn{width:37px;height:37px}.bottom-nav{display:none}.content{padding:29px 28px 50px}.toast-region{inset-block-end:25px}.public-nav{display:flex}.public-menu{display:none}.public-header{padding-inline:35px}.public-main{padding-inline:35px}.public-hero{padding-block:65px 45px}.public-footer{padding-inline:35px}.auth-shell{grid-template-columns:44% minmax(0,1fr)}.auth-story{display:flex;flex-direction:column;padding:35px}.auth-top{justify-content:flex-end}.auth-top .brand{display:none}.auth-form{padding-block:25px 50px}.auth-story h2{font-size:34px}.steps-rail .wizard-step{flex-direction:row;text-align:start;gap:11px;padding:13px 8px;font-size:11px}.invoice-sheet{padding:45px}.support-banner{padding-inline:28px}.preview-sticky{position:sticky;inset-block-start:98px;align-self:start}.public-header .brand img{width:162px}}
@media(min-width:1100px){.sidebar{transform:none!important}.workspace{margin-inline-start:var(--sidebar)}.menu-toggle{display:none}.topbar-search{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:7px 12px;color:var(--muted);font-size:11px;min-width:225px;text-align:start;min-height:37px}.topbar-search kbd{font:9px var(--font);padding:2px 5px;border:1px solid var(--line);border-radius:3px;margin-inline-start:auto}.mobile-search{display:none}.topbar-person{display:block;font-size:11px}.topbar-person small{display:block;color:var(--muted);font-size:9px}.content{padding:31px 32px 55px}.topbar{padding-inline:32px}.demo-strip{padding-inline:32px}.grid-main{grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr)}.topbar-start{gap:15px}.auth-story{padding:45px 55px}.auth-story h2{font-size:45px}.auth-shell{grid-template-columns:48% minmax(0,1fr)}.auth-form{width:465px}.auth-top{padding:28px 42px}.metric-value{font-size:31px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#37434c}.support-banner{padding-inline:32px}}
@media(min-width:1550px){.grid-main{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.content{padding-inline:42px}.command-hero{min-height:196px}.line-chart{max-height:280px}}
@media(max-width:359px){.content{padding-inline:12px}.topbar{padding-inline:12px}.topbar-title{max-width:95px}.topbar-start{gap:6px}.topbar-end{gap:4px}.metrics{gap:9px}.metric{padding:13px}.metric-value{font-size:24px}.metric-title .icon{display:none}.demo-strip{padding-inline:12px}.command-hero{padding:19px}.public-header{padding-inline:12px}.public-header .brand img{width:125px}.public-header .btn{padding-inline:10px}.public-main{padding-inline:15px}.public-header .language-toggle{width:35px;min-width:35px}.public-header .icon-btn{width:35px}.auth-form{padding-inline:20px}.auth-top{padding-inline:16px}.steps-rail{gap:5px}.wizard-step{font-size:9px}.data-table tr{margin:10px;padding:13px}.btn{padding-inline:12px}.dialog-body{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sidebar,.topbar,.demo-strip,.bottom-nav,.page-heading,.subnav,.toast-region,.support-banner,.no-print{display:none!important}.workspace{margin:0}.content{padding:0}.invoice-sheet{border:0;margin:0;max-width:none;padding:15px}.invoice-sheet .data-table,.invoice-sheet .data-table tbody{display:table}.invoice-sheet .data-table tr{display:table-row}.invoice-sheet .data-table td{display:table-cell}.invoice-sheet .data-table td:before{display:none}body{background:#fff;color:#000}.invoice-brand{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Shared shell finishing details and independent screen catalogue. */
.profile-trigger{border:0;background:none;align-items:center;gap:9px;text-align:start;padding:0;color:var(--ink);min-height:40px}.public-hero>*{position:relative}.catalog-grid{display:grid;gap:13px;grid-template-columns:minmax(0,1fr)}.catalog-card{position:relative;padding:19px 45px 19px 19px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:flex;flex-direction:column;gap:8px;min-width:0;transition:border-color .18s,background .18s}.catalog-card:hover{border-color:#9f6b23;background:var(--panel2)}.catalog-card .icon{position:absolute;inset-inline-end:17px;inset-block-start:24px;color:#eaa638;width:17px}.catalog-number{font-size:10px;color:#dcab5f;font-variant-numeric:tabular-nums}.catalog-card strong{font-size:13px}.catalog-card .tiny{overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;font-size:10px}.uploaded-preview{max-height:200px;margin:16px auto 0;object-fit:contain;border-radius:6px}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:20px;z-index:150;padding:12px 22px;background:#ffbb41;color:#151d22;border-radius:0 0 8px 8px}.skip-link:focus{inset-block-start:0}.skeleton{background:linear-gradient(90deg,var(--panel2),var(--line),var(--panel2));border-radius:5px;animation:pulse 1.5s ease infinite}@keyframes pulse{50%{opacity:.45}}.text-amber{color:var(--amber-strong)}
@media(max-width:759px){.public-nav.open{display:flex;position:absolute;inset-inline:12px;inset-block-start:calc(100% + 8px);background:#121d24;border:1px solid #394951;box-shadow:0 15px 30px #0006;border-radius:9px;padding:15px;flex-direction:column;gap:0}.public-nav.open a{padding:12px;border-block-end:1px solid #293840}.public-nav.open a:last-child{border:0}.public-start .icon{display:none}.topbar-title{overflow:hidden;text-overflow:ellipsis}.demo-strip>a{flex-shrink:0;font-size:9px}.demo-strip>span{min-width:0}.support-banner{position:static}.catalog-card{padding-inline:17px 38px}.sidebar-offer{display:none}}
@media(min-width:520px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:760px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Two-line label budgets align counter baselines even at compact tablet widths. */
.metric-title{min-height:40px;align-items:flex-start}.metric-title .icon{margin-block-start:2px}html[lang=ar] .metric-title{min-height:42px}
.subnav{flex-wrap:wrap;overflow:visible}.subnav a,.subnav button{max-width:100%;white-space:normal}
@media(max-width:1099px){.public-nav{display:none}.public-menu{display:inline-flex}.public-nav.open{display:flex;position:absolute;inset-inline:12px;inset-block-start:calc(100% + 8px);background:#121d24;border:1px solid #394951;box-shadow:0 15px 30px #0006;border-radius:9px;padding:15px;flex-direction:column;gap:0}.public-nav.open a{padding:12px;border-block-end:1px solid #293840}.public-nav.open a:last-child{border:0}}
@media(max-width:359px){.public-header{gap:8px}.public-header .brand img{width:110px}.public-header .public-start{font-size:11px;padding-inline:9px}.public-header .actions{gap:5px}}
/* Contain the decorative glow within the public hero instead of widening the viewport. */
.public-hero::before{inset-inline:0}