@layer components{:root{--pine:#103f38;--teal:#087d70;--mint:#e2f2ec;--gold:#c5a663;--ink:#203b34;--muted:#6b7e76;--line:#e0e8e2;--bg:#f3f6f2;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(140deg,#eaf1ec 0,#f6f7f3 45%,#eff4f1);margin:0;font-family:Tajawal,sans-serif;line-height:1.65}button,input,select{font:inherit}button,a,input,select{transition:all .18s}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input,select{border:1px solid var(--line);width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:11px 13px}input:focus,select:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 4px #087d7012}label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}input[type=checkbox]{width:20px;min-height:20px}h1,h2,h3,p{margin:0}svg{flex-shrink:0;width:20px;height:20px}.hidden{display:none!important}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.btn,.icon{background:var(--pine);color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 17px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--teal);box-shadow:0 6px 15px #103f3815}.btn.light{color:var(--pine);background:#edf4ef;border-color:#dfe9e1}.btn.gold{color:var(--pine);background:#e8d6ad}.btn.danger{color:#b42318;background:#fff0ed}.icon{border-color:var(--line);width:44px;color:var(--ink);background:#fff;padding:0}.icon:hover{background:var(--mint)}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 8px 32px #183b3005}.section-title{font-size:20px;font-weight:800}.eyebrow{letter-spacing:1px;color:var(--teal);font-size:12px;font-weight:700}.brand-image{object-fit:contain;width:110px;height:62px;display:block}.brand-frame{background:#fff;border:1px solid #dfe8e0;border-radius:12px;flex-shrink:0;padding:5px;display:inline-flex}.sidebar{background:var(--pine);color:#fff;z-index:30;flex-direction:column;width:248px;padding:28px 22px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar .brand-frame{background:#ffffff0a;border-color:#ffffff21;width:100%;padding:8px}.sidebar .brand-image{width:100%;height:106px}.sidebar h1{margin-top:14px;font-size:22px;font-weight:800}.sidebar .tagline{color:#b7d1c6;font-size:12px}.sidebar nav{gap:8px;margin-top:38px;display:grid}.nav{color:#c2d6ce;text-align:right;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:49px;padding:13px 15px;font-weight:700;display:flex}.nav:hover{color:#fff;background:#ffffff0c}.nav.active{color:var(--pine);background:#edf5ed;box-shadow:0 4px 18px #0001}.sidebar-note{color:#c9d9ce;background:linear-gradient(130deg,#ffffff08,#0000);border:1px solid #ffffff1c;border-radius:17px;margin-top:auto;padding:18px 16px;font-size:12px}.sidebar-note strong{color:#e8d6ad;margin:10px 0 5px;display:block}.workspace{min-width:0;margin-right:248px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#f8faf5ec;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;display:flex;position:sticky;top:0}.avatar{width:40px;height:40px;color:var(--pine);background:#dfeae1;border-radius:50%;place-items:center;font-weight:800;display:grid}.main{max-width:1600px;margin:auto;padding:28px 32px}.hero{background:var(--pine);color:#fff;border-radius:24px;grid-template-columns:1.1fr 1fr;min-height:272px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;align-self:center;padding:32px}.hero h2{margin:12px 0;font-size:36px;font-weight:800;line-height:1.4}.hero p{color:#c2d9cf;max-width:440px;font-size:14px}.hero-photo{background:#092f28;min-width:0;position:relative}.hero-photo img{object-fit:contain;width:100%;height:100%;display:block}.hero-photo:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -20px 0 40px #103f381c}.hero-label{color:#ecd8ac;align-items:center;gap:7px;font-size:12px;display:inline-flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0;display:grid}.stat{padding:22px;position:relative;overflow:hidden}.stat .stat-icon{width:40px;height:40px;color:var(--teal);background:#edf4ef;border-radius:12px;place-items:center;display:grid}.stat-value{margin-top:16px;font-size:34px;font-weight:800;line-height:1.4}.stat small{color:var(--muted);font-size:12px}.stat:first-child{background:#dfeee6;border-color:#d2e4d8}.stat:first-child .stat-icon{background:#fff9}.content-grid{grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:22px;display:grid}.calendar{padding:25px}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.weekday{text-align:center;color:var(--muted);padding:14px 0;font-size:12px;font-weight:700}.day{text-align:right;background:#fff;border:1px solid #e5ece5;border-radius:12px;flex-direction:column;gap:10px;min-width:0;min-height:88px;padding:10px;display:flex;position:relative}.day:hover{background:#f0f7f0;border-color:#7aad92;transform:translateY(-2px)}.day strong{font-size:18px}.day span{color:#819085;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.day.booked{background:#e5f1e8;border-color:#c7dfce}.day.booked span{color:#257449;font-weight:700}.day.booked:after{content:"";background:#2f8d63;border-radius:50%;width:5px;height:5px;position:absolute;top:16px;left:10px}.day.today{background:#fff9eb;border:2px solid #b79b59}.day.past:not(.booked){color:#8e9d90;background:#f8faf6}.legend{background:#c7dfce;border-radius:3px;width:8px;height:8px;display:inline-block}.upcoming{text-align:right;background:#fff;border:0;border-bottom:1px solid #edf1e9;align-items:center;gap:12px;width:100%;padding:15px 0;display:flex}.upcoming:hover{background:#f5f8f2}.date-tile{background:#eff4ec;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:55px;display:flex}.pill{color:#287443;white-space:nowrap;background:#e5f3e8;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.cancelled{color:#a15840;background:#fbeee9}.empty{text-align:center;color:var(--muted);padding:28px 15px;font-size:13px}.empty svg{color:#81a18b;width:32px;height:32px;margin:0 auto 10px}.empty .btn{margin-top:15px;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%}th{color:#657969;cursor:pointer;background:#f3f7f1;font-size:12px}th:hover{background:#eaf1e6}td,th{border-bottom:1px solid #e9eee6;padding:16px}td{font-size:13px}tbody tr:hover{background:#fafcf8}.policies{color:#b42318;margin:14px 0;padding-right:22px;font-size:18px;font-weight:800;line-height:2;list-style:outside}.deadline{color:#173f55;background:#fff3d4;border:1px solid #e6ca84;border-right:5px solid #b48d36;border-radius:13px;padding:17px 20px}.deadline strong{color:#88641c;margin-bottom:7px;font-size:12px;display:block}.deadline p{font-size:21px;font-weight:800;line-height:1.8}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding:23px 0;font-size:12px;display:flex}.footer .brand-image{width:76px;height:43px}.mobile-nav,.mobile-brand{display:none}dialog{border:1px solid var(--line);width:min(640px,100% - 24px);max-height:92dvh;color:var(--ink);background:#fbfcf9;border-radius:23px;padding:0;box-shadow:0 30px 100px #04271e45}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#092b22a6}.modal-head{border-bottom:1px solid var(--line);z-index:2;background:#f2f6ef;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex;position:sticky;top:0}.modal-body{padding:24px}.modal-head h2{font-size:21px;font-weight:800}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid>div{min-width:0}.full{grid-column:1/-1}.error{color:#b42318;background:#fff1ec;border:1px solid #f0d2c7;border-radius:10px;padding:12px;font-size:13px}.field-error{color:#b42318;min-height:0;margin-top:4px;font-size:12px;display:block}.toast{background:var(--pine);color:#fff;border-radius:14px;max-width:380px;padding:14px 20px;font-size:14px;animation:.2s appear;box-shadow:0 8px 30px #103f3820}.toast.bad{background:#a43a2a}#toasts{z-index:100;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:24px;left:24px}.login{grid-template-columns:minmax(420px,.9fr) 1.1fr;gap:22px;max-width:1600px;min-height:100dvh;margin:auto;padding:22px;display:grid}.login-form{justify-content:center;align-items:center;padding:32px;display:flex}.login-photo{background:var(--pine);border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.login-photo>img{object-fit:contain;background:#0e2c24;width:100%}.login-photo .copy{color:#fff;margin:auto 0;padding:38px}.login-photo h2{font-size:48px;font-weight:800;line-height:1.4}.keypad{direction:ltr;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.key{border:1px solid var(--line);height:57px;color:var(--pine);background:#fafcf8;border-radius:12px;font-size:23px;font-weight:700}.key:hover{background:var(--mint);border-color:#b4d0ba}.pin-box{background:#f0f5ed;border-radius:14px;justify-content:center;gap:14px;margin:22px 0 18px;padding:24px;display:flex}.dot{background:#cfdbd0;border-radius:50%;width:12px;height:12px}.dot.filled{background:var(--teal);box-shadow:0 0 0 4px #087d700d}.detail-grid{background:#f1f6ed;border-radius:15px;grid-template-columns:1fr 1fr;gap:18px;padding:20px;display:grid}.detail-grid small{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.detail-grid strong{overflow-wrap:anywhere}.price-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.price-row input{width:125px}.receipt{color:#203b34;direction:rtl;background:#fff;width:800px;padding:40px;font-family:Tajawal,sans-serif;line-height:1.6}.receipt-head{border-bottom:3px solid var(--pine);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.receipt .brand-image{width:150px;height:85px}.receipt h1{font-size:34px;font-weight:800}.receipt .money-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.receipt .money-grid>div{background:#f1f6ed;border-radius:9px;padding:16px}.receipt .money-grid>div:first-child{background:var(--pine);color:#fff}.receipt .money-grid strong{font-size:27px;display:block}.receipt table{white-space:normal;font-size:13px}.receipt td,.receipt th{padding:10px 12px}.receipt .policies{font-size:18px}.receipt .deadline p{font-size:22px}.receipt small{font-size:12px}.receipt .signatures{justify-content:space-between;gap:55px;margin:32px 0;display:flex}.receipt .signatures>div{border-bottom:1px solid #b7c8b9;flex:1;padding-bottom:35px;font-size:12px}.receipt footer{border-top:2px solid var(--pine);padding-top:15px;font-size:12px}.receipt th{cursor:default}#receiptStage{position:fixed;top:0;left:-12000px}#printArea{display:none}.loading{opacity:.6;pointer-events:none}.chart{width:100%;height:140px}.chart text{fill:#788b7e;font-family:Tajawal,sans-serif;font-size:12px}.fade{animation:.35s appear}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width>=1600px){.main{padding:32px 44px}.hero h2{font-size:42px}.day{min-height:106px}}@media (width<=1199px){.sidebar{width:210px;padding:24px 17px}.workspace{margin-right:210px}.main{padding:22px}.topbar{padding:18px 22px}.content-grid{grid-template-columns:minmax(0,1fr)}.aside-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hero-copy{padding:26px}.hero h2{font-size:30px}.stats{gap:10px}.stat{padding:17px}.stat-value{font-size:28px}}@media (width<=767px){body{font-size:14px}.sidebar{display:none}.workspace{margin:0}.main{padding:16px 12px 78px}.topbar{padding:11px 14px;position:sticky}.desktop{display:none!important}.mobile-brand{align-items:center;gap:9px;display:flex}.mobile-brand .brand-image{width:72px;height:41px}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px 9px max(7px,env(safe-area-inset-bottom));z-index:30;background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 25px #103f3805}.mobile-nav .nav{color:#72897a;flex-direction:column;gap:3px;min-height:52px;padding:6px 13px;font-size:12px}.mobile-nav .nav.active{color:var(--pine);background:#e7f1e8}.hero{border-radius:20px;grid-template-columns:1fr}.hero-copy{padding:24px}.hero h2{font-size:30px}.hero-photo{max-height:none}.hero-photo img{height:auto}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.stat{border-radius:17px;padding:16px}.stat-value{margin-top:12px;font-size:29px}.stat .stat-icon{width:32px;height:32px}.stat small{font-size:12px}.calendar{border-radius:20px;padding:16px 10px}.day{border-radius:9px;gap:8px;min-height:73px;padding:7px 4px}.day strong{font-size:16px}.day span{font-size:12px}.day.booked:after{width:4px;height:4px;top:14px;left:5px}.cal-grid{gap:3px}.weekday{font-size:12px}.aside-grid{display:block}.aside-grid>.panel{margin-bottom:16px}.content-grid{gap:16px}.login{padding:12px;display:block}.login-form{min-height:calc(100dvh - 24px);padding:24px 20px}.login-photo{display:none}.modal-body{padding:20px 16px}.modal-head{padding:16px}.form-grid{gap:13px}.deadline{padding:15px}.deadline p{font-size:20px}.policies{font-size:18px}.footer{flex-direction:column;align-items:flex-start}.panel{border-radius:19px}#toasts{bottom:85px;left:12px;right:12px}.toast{max-width:100%}input,select{font-size:16px}.section-title{font-size:18px}}@media print{@page{size:A4;margin:12mm}body>:not(#printArea){display:none!important}body{background:#fff}#printArea{display:block!important}#printArea .receipt{width:100%;padding:0;font-size:12px}#printArea .receipt-head,#printArea .detail-grid,#printArea .money-grid,#printArea .deadline,#printArea .signatures,#printArea tr{break-inside:avoid}#printArea .receipt h1{font-size:28px}#printArea .receipt .policies{font-size:16px}#printArea *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}#receiptDialog{color:#263e36;overscroll-behavior:contain;background:#fafbf8;border:1px solid #e1e8df;border-radius:24px;width:min(660px,100% - 30px);max-height:calc(100dvh - 40px);margin:auto;overflow:auto;box-shadow:0 24px 72px #092b222b}#receiptDialog::backdrop{-webkit-backdrop-filter:blur(7px);background:#274c41ad}#receiptDialog .modal-head{background:#f3f6ed;border-bottom:1px solid #e2e8df;align-items:center;gap:16px;min-height:108px;padding:24px 30px}#receiptDialog .modal-head>div{text-align:right;min-width:0}#receiptDialog .eyebrow{color:#167d70;letter-spacing:0;font-size:17px;font-weight:700;line-height:1.5}#receiptDialog .modal-head h2{color:#263e36;margin-top:4px;font-size:29px;font-weight:800;line-height:1.45}#receiptDialog .modal-head .icon{color:#28433a;background:#fff;border:1px solid #e0e6df;border-radius:16px;flex:0 0 58px;width:58px;height:60px;min-height:60px;padding:0;box-shadow:0 2px 4px #103f3803}#receiptDialog .modal-head .icon svg{stroke-width:1.8px;width:25px;height:25px}#receiptDialog .modal-body{text-align:right;padding:26px 30px 30px}#receiptRecipient{overflow-wrap:anywhere;unicode-bidi:plaintext;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.6}#receiptStatus{color:#7a857d;overflow-wrap:anywhere;margin:0 0 24px;font-size:17px;font-weight:400;line-height:1.65}#receiptDialog .modal-body>.grid{gap:16px}#receiptDialog .modal-body>.grid>.btn{text-align:center;white-space:normal;border-radius:16px;gap:12px;width:100%;min-height:60px;padding:14px 18px;font-size:18px;font-weight:800;line-height:1.55}#shareReceipt{color:#fff;background:#167e70;border-color:#0000}#shareReceipt:disabled{opacity:1;color:#fff;background:#80b8b0}#shareReceipt:not(:disabled):hover{background:#103f38}#downloadReceipt,#whatsappLink{color:#315c4f;background:#f0f6f1;border-color:#0000}#downloadReceipt:disabled{opacity:1;color:#91a398;background:#f1f7f2}#receiptDialog .modal-body>.grid>.btn svg{stroke-width:1.8px;width:25px;height:25px}#receiptDialog .modal-body>div:last-child{color:#43533f;background:#fff5db;border-radius:17px;margin-top:22px;padding:20px 22px;font-size:18px;line-height:1.65}#receiptDialog .modal-body>div:last-child strong{color:#304432;font-weight:800;display:block}#receiptDialog .modal-body>div:last-child p{margin-top:5px}#receiptPreview{object-fit:contain;object-position:top center;background:#f2f5ef;border:1px solid #e1e8df;border-radius:14px;width:100%;height:auto;max-height:360px;margin:0 0 20px;padding:8px;display:block}#receiptDialog .icon:hover,#receiptDialog .btn.light:not(:disabled):hover{background:#e2eee5}@media (width<=767px){#receiptDialog{border-radius:23px;width:calc(100% - 30px);max-width:520px;max-height:calc(100dvh - 32px)}#receiptDialog .modal-head{gap:12px;min-height:72px;padding:13px 15px 14px}#receiptDialog .eyebrow{font-size:13px;line-height:1.5}#receiptDialog .modal-head h2{margin-top:2px;font-size:21px;line-height:1.4}#receiptDialog .modal-head .icon{border-radius:11px;flex-basis:40px;width:40px;height:41px;min-height:41px}#receiptDialog .modal-head .icon svg{width:22px;height:22px}#receiptDialog .modal-body{padding:16px 15px 20px}#receiptRecipient{margin-bottom:7px;font-size:14px;line-height:1.6}#receiptStatus{margin-bottom:17px;font-size:14px;line-height:1.65}#receiptDialog .modal-body>.grid{gap:11px}#receiptDialog .modal-body>.grid>.btn{border-radius:12px;gap:9px;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.6}#receiptDialog .modal-body>.grid>.btn svg{width:21px;height:21px}#receiptDialog .modal-body>div:last-child{border-radius:12px;margin-top:15px;padding:13px 15px;font-size:14px;line-height:1.6}#receiptDialog .modal-body>div:last-child strong{font-size:14px}#receiptDialog .modal-body>div:last-child p{margin-top:3px}#receiptPreview{max-height:240px;margin-bottom:16px}}.workspace,.main,.content-grid,.calendar,.stat{min-width:0}.sidebar h2{margin-top:14px;font-size:22px;font-weight:800}.stat-value{overflow-wrap:anywhere}#statNext{white-space:normal;text-overflow:clip;overflow:visible}#loadError{overflow-wrap:anywhere}#syncDot{flex-shrink:0}.modal-head>div{min-width:0}.modal-head .icon{flex-shrink:0}#receiptRecipient{unicode-bidi:plaintext}#receiptDialog .modal-head .icon{min-width:44px;min-height:44px}#receiptDialog .modal-body>.grid>.btn{overflow-wrap:anywhere}@media (width<=767px){body{color:#203b34;background:#f0f4f0}.workspace{width:100%;margin:0}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f0f2eb;border-bottom:1px solid #dce4dc;gap:8px;min-height:75px;padding:10px 12px 12px 14px}.mobile-brand{flex:1;gap:10px;min-width:0}.mobile-brand .brand-frame{background:#fff;border:1px solid #e0e6df;border-radius:12px;padding:5px;box-shadow:0 1px 3px #103f3805}.mobile-brand .brand-image{object-fit:contain;width:72px;height:40px}.mobile-brand>div{min-width:0}.mobile-brand h2{white-space:nowrap;font-size:16px;font-weight:800;line-height:1.5}.mobile-brand p{white-space:nowrap;color:#7a857d;margin-top:2px;font-size:12px;line-height:1.5}.topbar>.flex{flex-shrink:0;gap:8px}.topbar .icon{background:#fff;border-color:#e0e6df;border-radius:14px;width:44px;min-height:46px;box-shadow:0 2px 4px #103f3803}.topbar .icon svg{stroke-width:1.8px;width:24px;height:24px}.main{width:100%;max-width:none;padding:0 12px 84px}.main>.hero{display:none}.main>.hero+div{min-height:45px;padding:11px 0 16px;font-size:12px;line-height:1.65;margin:0!important}.main>.hero+div>span{align-items:flex-start;gap:8px}#syncDot{width:8px;height:8px;margin-top:6px}#syncText{color:#7a857d}#loadError{color:#b03b2d;background:#fff1eb;border:1px solid #efd3c8;border-radius:13px;margin-bottom:16px;padding:11px 13px;font-size:14px;line-height:1.55}.stats{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin:0 0 16px}.stat{box-shadow:var(--shadow-panel);background:#fff;border:1px solid #e0e6df;border-radius:20px;min-height:138px;padding:18px 16px 17px}.stat:first-child{background:#e0eee7;border-color:#d1e3d8}.stat>div:first-child{align-items:center;gap:8px;min-height:32px}.stat>div:first-child>span:first-child{min-width:0;font-size:14px;font-weight:700;line-height:1.4}.stat .stat-icon{color:#087d70;background:#eef6ef;border-radius:11px;flex-shrink:0;width:32px;height:32px}.stat:first-child .stat-icon{background:#f1f8f2}.stat .stat-icon svg{stroke-width:1.8px;width:22px;height:22px}.stat-value{margin-top:13px;font-size:32px;font-weight:800;line-height:1.3}.stat small{color:#79847d;margin-top:2px;font-size:12px;line-height:1.65;display:block}.stat-value>span.text-xs{font-size:12px}#statNext{white-space:normal;text-overflow:clip;line-height:1.5;overflow:visible;margin-top:15px!important;font-size:22px!important}.content-grid{gap:16px}.calendar{box-shadow:var(--shadow-panel);border-radius:20px;padding:16px 10px}.calendar>div:first-child{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:18px;display:grid}.calendar .eyebrow{letter-spacing:0;color:#087d70;font-size:13px;line-height:1.5}#monthTitle{white-space:normal;margin-top:3px;font-size:25px;line-height:1.4}.calendar>div:first-child>div:last-child{flex-shrink:0;gap:3px}.calendar>div:first-child .icon{border-color:#e0e6df;border-radius:13px;width:44px;min-height:46px}#thisMonth{white-space:nowrap;background:#edf4ef;border-color:#dfe8e0;border-radius:13px;min-height:46px;font-size:12px;padding:10px 11px!important}.calendar>div:nth-child(2){border-color:#e8ede7;gap:8px;padding:12px 0}.calendar>div:nth-child(2)>div{gap:8px;font-size:12px}.legend{border-radius:3px;width:8px;height:8px}#monthPicker{background:#fff;border-radius:12px;max-width:100%;width:144px!important;min-height:44px!important;padding:6px 10px!important;font-size:12px!important}.weekday{padding:13px 0;font-size:12px}.cal-grid{gap:3px}.day{border-radius:9px;min-height:73px;padding:7px 4px}.day strong{font-size:16px}.day span{max-width:100%;font-size:12px}.mobile-nav{padding:7px 7px max(7px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e0e8e2;gap:3px}.mobile-nav .nav{border-radius:13px;flex:1;gap:3px;min-width:0;min-height:52px;padding:6px 2px;font-size:12px}.mobile-nav .nav svg{width:21px;height:21px}.mobile-nav .nav.active{box-shadow:none;background:#e7f1e8}#receiptDialog{background:#fafbf8;border-radius:21px;width:calc(100% - 30px);max-width:520px}#receiptDialog .modal-head{background:#f3f6ed;min-height:73px;padding:13px 15px 15px}#receiptDialog .eyebrow{font-size:13px;line-height:1.5}#receiptDialog .modal-head h2{margin-top:2px;font-size:21px;line-height:1.45}#receiptDialog .modal-head .icon{border-radius:11px;flex-basis:44px;width:44px;height:44px;min-height:44px}#receiptDialog .modal-body{padding:16px 15px 18px}#receiptRecipient{margin-bottom:7px;font-size:14px;line-height:1.6}#receiptStatus{margin-bottom:17px;font-size:14px;line-height:1.65}#receiptDialog .modal-body>.grid{gap:11px}#receiptDialog .modal-body>.grid>.btn{border-radius:11px;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.6}#receiptDialog .modal-body>div:last-child{border-radius:12px;margin-top:15px;padding:13px 15px;font-size:14px;line-height:1.65}.table-scroll{overscroll-behavior-x:contain;max-width:100%}.form-grid{gap:13px}.price-row{gap:8px}.price-row input{width:105px}}@media (width<=374px){.topbar{gap:6px;padding-left:10px;padding-right:10px}.mobile-brand{gap:7px}.mobile-brand h2{font-size:15px}.mobile-brand p{font-size:12px}.mobile-brand .brand-image{width:64px;height:40px}.topbar>.flex{gap:6px}.stat{padding-left:14px;padding-right:14px}.calendar>div:first-child{gap:5px}#monthTitle{font-size:23px}#thisMonth{padding-left:9px!important;padding-right:9px!important}}:root{--surface:#fff;--radius-panel:20px;--shadow-panel:0 1px 3px #183b3005}dialog{overscroll-behavior:contain;margin:auto}.topbar .mobile-brand>div,.upcoming>span,.detail-grid>div{min-width:0}.detail-grid strong,.upcoming strong{overflow-wrap:anywhere}.aside-grid{align-items:start}#dataHealthButton{min-height:44px;margin:0 0 16px}#receiptDialog{background:#fafbf8;border-color:#e1e8df}#receiptDialog .modal-head{background:#f3f6ed}#receiptDialog .modal-head h2{letter-spacing:0}#receiptRecipient{direction:rtl;unicode-bidi:plaintext}#receiptDialog .modal-body>.grid>.btn{flex-direction:row-reverse}#receiptDialog .modal-body>div:last-child{background:#fff5db}#receiptDialog .modal-body>.grid>.btn:focus-visible,.mobile-nav .nav:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (width>=768px) and (width<=1199px){.aside-grid{gap:20px}.aside-grid.space-y-5>:not([hidden])~:not([hidden]){margin-top:0;margin-bottom:0}}@media (width<=767px){body{color:#203b34;background:#f1f3ee}.topbar{background:#f0f2eb;border-bottom:1px solid #dce2d9;gap:8px;min-height:76px;padding:10px 12px}.mobile-brand{flex:auto;gap:8px}.mobile-brand .brand-frame{background:#fff;border-color:#dfe5dc;border-radius:12px;padding:6px}.mobile-brand .brand-image{object-fit:contain;width:64px;height:36px}.mobile-brand h2{font-size:16px;font-weight:800;line-height:1.5}.mobile-brand p{color:#7a857d;margin-top:4px;font-size:12px;line-height:1.5}.topbar>.flex{gap:7px}.topbar .icon{border-color:#dfe5dc;border-radius:14px;width:45px;min-width:45px;height:46px;min-height:46px}.topbar .icon svg{stroke-width:1.8px;width:26px;height:26px}.main{padding:0 13px calc(84px + env(safe-area-inset-bottom))}.main>.hero+div{min-height:47px;padding:10px 0 15px;font-size:12px;line-height:1.7;margin:0!important}.main>.hero+div>span{gap:8px;min-width:0}#syncText{overflow-wrap:anywhere}#syncDot{margin-top:6px}#migrationOpen{text-align:right;min-height:44px}#loadError{color:#ad4435;text-align:right;overflow-wrap:anywhere;background:#fff1eb;border:1px solid #efd3c8;border-radius:13px;margin:0 0 16px;padding:11px 14px 13px;font-size:14px;font-weight:400;line-height:1.55}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.stat{min-height:138px;box-shadow:var(--shadow-panel);border-color:#dfe5df;border-radius:22px;padding:18px 16px 17px}.stat:first-child{background:#e0eee7;border-color:#d0e2d9}.stat>div:first-child{align-items:center;min-height:34px}.stat>div:first-child>span:first-child{font-size:14px;font-weight:800;line-height:1.45}.stat .stat-icon{border-radius:11px;width:33px;height:33px}.stat .stat-icon svg{width:23px;height:23px}.stat small{color:#6b7e76;line-height:1.6}.mobile-nav{min-height:69px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));box-shadow:none;background:#fffffff5;border-top:1px solid #e0e8e2;gap:5px}.mobile-nav .nav{color:#74877c;white-space:nowrap;border-radius:14px;flex:1 1 0;gap:3px;min-width:0;min-height:54px;padding:6px 2px;font-size:12px;font-weight:700;line-height:1.45}.mobile-nav .nav svg{stroke-width:1.8px;width:23px;height:23px}.mobile-nav .nav.active{color:#103f38;box-shadow:none;background:#e7f1e8}.mobile-nav .nav:hover{color:#103f38;background:#edf4ef}#receiptDialog{background:#fafbf8;border-radius:21px;width:calc(100% - 30px);max-width:520px;max-height:calc(100dvh - 32px);box-shadow:0 24px 72px #092b222b}#receiptDialog::backdrop{-webkit-backdrop-filter:blur(7px);background:#274c41ad}#receiptDialog .modal-head{border-bottom:1px solid #e2e8df;align-items:center;gap:12px;min-height:73px;padding:13px 15px 15px}#receiptDialog .eyebrow{color:#167d70;font-size:13px;font-weight:700;line-height:1.5}#receiptDialog .modal-head h2{color:#263e36;margin-top:2px;font-size:21px;font-weight:800;line-height:1.45}#receiptDialog .modal-head .icon{background:#fff;border-radius:11px;flex:0 0 44px;width:44px;height:44px;min-height:44px}#receiptDialog .modal-head .icon svg{stroke-width:1.8px;width:22px;height:22px}#receiptDialog .modal-body{padding:16px 15px 18px}#receiptRecipient{margin:0 0 7px;font-size:14px;font-weight:700;line-height:1.6}#receiptStatus{color:#7a857d;margin:0 0 17px;font-size:14px;line-height:1.65}#receiptDialog .modal-body>.grid{gap:11px}#receiptDialog .modal-body>.grid>.btn{border-radius:11px;gap:9px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:800;line-height:1.6}#receiptDialog .modal-body>.grid>.btn svg{width:21px;height:21px}#receiptDialog .modal-body>div:last-child{color:#43533f;border-radius:12px;margin-top:15px;padding:13px 15px;font-size:14px;line-height:1.65}#receiptDialog .modal-body>div:last-child strong{color:#304432;font-size:14px}#dataHealthButton{text-align:right;justify-content:flex-start;width:100%;margin-bottom:16px}.table-scroll{overscroll-behavior-x:contain;max-width:100%}.table-scroll .empty{white-space:normal;min-width:260px}#dataHealthBody .detail-grid{gap:14px;padding:16px}}@media (width<=374px){.topbar{gap:6px;padding-left:10px;padding-right:10px}.mobile-brand{gap:7px}.mobile-brand h2{font-size:15px}.mobile-brand .brand-image{width:60px;height:36px}.topbar>.flex{gap:6px}.main{padding-left:13px;padding-right:13px}.stat{padding-left:14px;padding-right:14px}.calendar>div:first-child{gap:5px}#monthTitle{font-size:23px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#pin.sr-only{border:0!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important}}