.app-screen{--green-700:#0e5730;--green-600:#15703c;--green-500:#177a41;--green-300:#3fa96b;--green-200:#9fcfb2;--green-100:#e7f3eb;--green-050:#f4f9f6;--mint:#8fe3ae;--ink-900:#0f1a14;--ink-700:#3a4a42;--ink-600:#4a5a52;--ink-500:#6b7a72;--ink-400:#93a29b;--ink-300:#b4c2ba;--bg:#f4f7f5;--surface:#fff;--surface-alt:#f7f9f8;--line:#eaefeb;--line-soft:#f0f3f1;--field:#e2e8e4;--danger:#d9463a;--warn-fg:#b5563f;--warn-bg:#fbede9;--r-pill:999px;--r-card:22px;--r-card-sm:20px;--r-inset:14px;--r-chip:7px;--r-icon:12px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:14px;--s-5:16px;--s-6:18px;--s-7:20px;--s-8:24px;--e-card:0 10px 26px -18px #0f1a1447;--e-raised:0 14px 30px -18px #0f1a1459;--e-drawer:22px 0 60px -30px #0f1a148c;--ease:cubic-bezier(.2,.8,.2,1);--t-fast:.18s;--t-base:.2s;--t-panel:.3s;--font:var(--font-jakarta),system-ui,-apple-system,sans-serif;--font-arabic:var(--font-amiri),serif;height:100%;font-family:var(--font);background:var(--bg);color:var(--ink-900);text-align:left;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.app-screen *{box-sizing:border-box}.app-screen a{color:var(--green-600);text-decoration:none}.app-screen .screen{flex-direction:column;height:100%;display:flex}.app-screen .screen__scroll{min-height:0;padding:var(--s-5) var(--s-7);gap:var(--s-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-screen .screen__scroll>*{flex:none}.app-screen .actionbar{background:var(--surface);border-top:1px solid var(--line);padding:var(--s-4) var(--s-7) 26px;align-items:center;gap:var(--s-4);flex:none;display:flex}.app-screen .appbar{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--s-5) var(--s-7) var(--s-4);align-items:center;gap:var(--s-4);flex:none;display:flex}.app-screen .appbar__title{font-size:17px;font-weight:800}.app-screen .header-green{background:linear-gradient(160deg,var(--green-500),var(--green-700));padding:var(--s-5) var(--s-7) var(--s-7);color:#fff;flex:none}.app-screen .header-green--art{background:linear-gradient(160deg,var(--green-700),var(--green-500) 60%,#1e8a4b)}.app-screen .iconbtn{border-radius:var(--r-icon);cursor:pointer;background:var(--bg);border:none;place-items:center;width:36px;height:36px;display:grid}.app-screen .iconbtn--onGreen{background:#ffffff26}.app-screen .glass{padding:var(--s-5) var(--s-6);background:#ffffff21;border:1px solid #ffffff29;border-radius:18px}.app-screen .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card-sm);padding:var(--s-6)}.app-screen .card--flush{padding:0;overflow:hidden}.app-screen .card--hero{border-radius:var(--r-card);box-shadow:var(--e-raised);border:none;padding:0;overflow:hidden}.app-screen .card--listing{border-radius:var(--r-card);box-shadow:var(--e-card);cursor:pointer;transition:transform var(--t-base),box-shadow var(--t-base);padding:0;overflow:hidden}.app-screen .card--listing:hover{transform:translateY(-2px);box-shadow:0 18px 34px -18px #0f1a1452}.app-screen .card--dark{background:var(--ink-900) url(/brand/patterns/pattern-dark.svg) right bottom/cover no-repeat;color:#fff;border-radius:var(--r-card);padding:var(--s-6);border:none}.app-screen .card__title{font-size:14px;font-weight:800}.app-screen .card__sub{color:var(--ink-500);margin-top:3px;font-size:11.5px}.app-screen .card__divider{background:var(--line-soft);height:1px;margin:var(--s-5) 0}.app-screen .card__foot{border-top:1px solid var(--line-soft);padding:var(--s-3) var(--s-5);justify-content:space-between;align-items:center;display:flex}.app-screen .row-inset{align-items:center;gap:var(--s-3);padding:12px var(--s-4);background:var(--surface-alt);border-radius:13px;display:flex}.app-screen .eyebrow{letter-spacing:.1em;color:var(--ink-400);font-size:10px;font-weight:700}.app-screen .eyebrow--green{color:var(--green-600)}.app-screen .eyebrow--onDark{color:var(--mint)}.app-screen .badge{letter-spacing:.08em;color:var(--green-600);background:var(--green-100);border-radius:var(--r-chip);padding:5px 9px;font-size:10px;font-weight:700}.app-screen .badge--warn{color:var(--warn-fg);background:var(--warn-bg);letter-spacing:0}.app-screen .badge--onGreen{color:#fff;background:#fff3}.app-screen .datechip{background:var(--green-100);width:46px;color:var(--green-600);text-align:center;padding:var(--s-2) 0;border-radius:13px}.app-screen .datechip--solid{background:var(--green-600);color:#fff}.app-screen .avatar{background:var(--green-100);width:42px;height:42px;color:var(--green-600);border-radius:13px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.app-screen .avatar-stack>span{color:#fff;border:2px solid var(--surface);border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-7px;font-size:10px;font-weight:700;display:grid}.app-screen .btn{text-align:center;cursor:pointer;transition:background var(--t-base),transform var(--t-base);border:none;border-radius:16px;flex:1;padding:17px;font-family:inherit;font-size:15px;font-weight:800}.app-screen .btn--primary{background:var(--green-600);color:#fff}.app-screen .btn--primary:hover{background:var(--green-700)}.app-screen .btn:active{transform:scale(.985)}.app-screen .btn--disabled{color:#a6b1aa;cursor:not-allowed;background:#edf1ee}.app-screen .btn--ghost{color:var(--green-600);background:0 0;border:1.5px solid #d8e8de}.app-screen .btn-split{display:flex}.app-screen .btn-split>*{text-align:center;color:var(--green-600);cursor:pointer;flex:1;padding:13px;font-size:13px;font-weight:700}.app-screen .btn-split>*+*{border-left:1px solid var(--line-soft);color:var(--ink-500);font-weight:600}.app-screen .chipstrip{gap:var(--s-2);scrollbar-width:none;display:flex;overflow-x:auto}.app-screen .chipstrip::-webkit-scrollbar{display:none}.app-screen .chip{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--field);background:var(--surface);color:var(--ink-600);transition:all var(--t-fast);flex:none;padding:8px 13px;font-size:12px;font-weight:600}.app-screen .chip[aria-pressed=true],.app-screen .chip[data-pressed=true]{background:var(--green-100);border-color:var(--green-200);color:var(--green-600)}.app-screen .chip--dark{background:var(--ink-900);border-color:var(--ink-900);color:#fff;font-weight:700}.app-screen .segmented{border-radius:var(--r-inset);background:#f1f4f2;padding:4px;display:flex}.app-screen .segmented>*{text-align:center;color:var(--ink-500);cursor:pointer;transition:all var(--t-base);border-radius:11px;flex:1;padding:9px;font-size:13px;font-weight:700}.app-screen .segmented>[aria-selected=true],.app-screen .segmented>[data-selected=true]{background:var(--surface);color:var(--ink-900);box-shadow:0 2px 8px -2px #0f1a142e}.app-screen .stepper{background:var(--bg);border-radius:var(--r-icon);align-items:center;gap:6px;padding:4px;display:flex}.app-screen .stepper button{background:var(--surface);width:34px;height:34px;color:var(--green-600);cursor:pointer;border:none;border-radius:9px;font-size:18px;font-weight:700;box-shadow:0 1px 4px #0f1a141a}.app-screen .stepper button:active{transform:scale(.94)}.app-screen .option{background:var(--surface);border:1.5px solid var(--line);padding:var(--s-4);gap:var(--s-3);cursor:pointer;transition:border-color var(--t-base),box-shadow var(--t-base);border-radius:18px;align-items:center;display:flex;box-shadow:0 6px 18px -16px #0f1a1433}.app-screen .option[aria-selected=true],.app-screen .option[data-selected=true]{border-color:var(--green-600);box-shadow:0 12px 26px -18px #15703c80}.app-screen .option__icon{border-radius:var(--r-icon);background:var(--green-100);width:40px;height:40px;transition:background var(--t-base);flex:none;place-items:center;display:grid}.app-screen .option[aria-selected=true] .option__icon,.app-screen .option[data-selected=true] .option__icon{background:var(--green-600)}.app-screen .option[aria-selected=true] .option__icon svg,.app-screen .option[data-selected=true] .option__icon svg{stroke:#fff}.app-screen .option__radio{background:var(--surface);width:22px;height:22px;transition:all var(--t-base);border:2px solid #d8deda;border-radius:50%;flex:none;place-items:center;display:grid}.app-screen .option[aria-selected=true] .option__radio,.app-screen .option[data-selected=true] .option__radio{border-color:var(--green-600);background:var(--green-600)}.app-screen .option__radio svg{opacity:0;transition:opacity var(--t-base)}.app-screen .option[aria-selected=true] .option__radio svg,.app-screen .option[data-selected=true] .option__radio svg{opacity:1}.app-screen .field{position:relative}.app-screen .field input{border-radius:var(--r-inset);border:1.5px solid var(--field);background:var(--surface);width:100%;height:58px;padding:24px var(--s-4) 8px;color:var(--ink-900);transition:border-color var(--t-base);outline:none;font-family:inherit;font-size:14.5px;font-weight:600}.app-screen .field label{left:var(--s-4);pointer-events:none;color:var(--ink-400);transition:transform var(--t-base) var(--ease),font-size var(--t-base) var(--ease),color var(--t-base);font-size:14px;font-weight:600;position:absolute;top:19px;transform:translateY(0)}.app-screen .field.is-active input{border-color:var(--green-600)}.app-screen .field.is-filled label,.app-screen .field.is-active label{font-size:10.5px;transform:translateY(-13px)}.app-screen .field.is-active label{color:var(--green-600)}.app-screen .field--money input{padding-left:52px}.app-screen .field--money .prefix{left:var(--s-4);color:var(--ink-400);pointer-events:none;font-size:11.5px;font-weight:700;position:absolute;bottom:9px}.app-screen .field--money label{left:52px}.app-screen .field__clear{cursor:pointer;opacity:0;pointer-events:none;width:32px;height:32px;transition:opacity var(--t-base);background:0 0;border:none;border-radius:10px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.app-screen .field.is-filled .field__clear{opacity:1;pointer-events:auto}.app-screen .field--amount input{letter-spacing:-.02em;border:none;height:auto;padding:0 0 4px;font-size:32px;font-weight:800}.app-screen .field--amount .underline{background:var(--line-soft);border-radius:9px;height:2px;overflow:hidden}.app-screen .field--amount .underline i{background:var(--green-600);width:0;height:100%;transition:width var(--t-panel) var(--ease);border-radius:9px;display:block}.app-screen .field--amount.is-active .underline i,.app-screen .field--amount.is-filled .underline i{width:100%}.app-screen .field--amount label{top:auto;bottom:8px;left:2px}.app-screen .field--amount.is-filled label,.app-screen .field--amount.is-active label{font-size:10.5px;transform:translateY(-26px)}.app-screen .collapse{opacity:0;max-height:0;transition:max-height var(--t-panel) ease,opacity .25s ease;overflow:hidden}.app-screen .collapse.is-open{max-height:var(--collapse-h,300px);opacity:1}.app-screen .collapse__caret{transition:transform .25s}.app-screen .collapse.is-open+.collapse__caret,.app-screen .is-open .collapse__caret{transform:rotate(180deg)}.app-screen .scrim{opacity:0;pointer-events:none;background:#0f1a1473;transition:opacity .28s;position:absolute;inset:0}.app-screen .scrim.is-open{opacity:1;pointer-events:auto}.app-screen .drawer{background:var(--surface);width:308px;box-shadow:var(--e-drawer);transition:transform var(--t-panel) var(--ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.app-screen .drawer.is-open{transform:translate(0)}.app-screen .drawer__head{background:linear-gradient(160deg,var(--green-500),var(--green-700));padding:var(--s-5) var(--s-6) var(--s-7);color:#fff;flex:none}.app-screen .drawer__nav{min-height:0;padding:var(--s-3) var(--s-3) 0;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.app-screen .drawer__item{align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-inset);cursor:pointer;color:var(--ink-700);transition:background var(--t-fast);font-size:15.5px;font-weight:500;display:flex}.app-screen .drawer__item:hover{background:var(--green-050)}.app-screen .drawer__item[aria-current=page],.app-screen .drawer__item[data-current=page]{background:var(--green-100);color:var(--green-600);font-weight:700}.app-screen .drawer__item--ruled{border-top:1px solid var(--line-soft);margin-top:10px}.app-screen .drawer__foot{border-top:1px solid var(--line-soft);padding:var(--s-5) var(--s-6) var(--s-8);flex:none}.app-screen .timeline__row{gap:var(--s-3);display:flex}.app-screen .timeline__rail{flex-direction:column;flex:none;align-items:center;width:30px;display:flex}.app-screen .timeline__dot{background:var(--green-100);width:26px;height:26px;color:var(--green-600);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.app-screen .timeline__line{background:var(--green-100);flex:1;width:1.5px;margin:2px 0}.app-screen .emptystate{background:var(--surface);text-align:center;border:1px dashed #d8deda;border-radius:16px;padding:22px}.app-screen .note{background:var(--green-050);padding:12px var(--s-4);color:var(--ink-700);border-radius:13px;align-items:flex-start;gap:9px;font-size:11.5px;line-height:1.5;display:flex}.app-screen .money{color:var(--green-600);letter-spacing:-.01em;font-size:19px;font-weight:800}.app-screen .arabic{font-family:var(--font-arabic);text-align:right;direction:rtl;font-size:22px;line-height:1.9}