@font-face{font-family:'29LT Bukra';src:url(assets/fonts/29LTBukra-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'29LT Bukra';src:url(assets/fonts/29LTBukra-Medium.otf) format('opentype');font-weight:500 600;font-display:swap}
@font-face{font-family:'29LT Bukra';src:url(assets/fonts/29LTBukra-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
html[lang=ar],html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] bdi,html[lang=ar] .number,html[lang=ar] .trend{font-family:'29LT Bukra',Tahoma,Arial,sans-serif}
:root{color-scheme:dark;--bg:#131416;--panel:#1c1d20;--panel-alt:#242629;--ink:#ececee;--muted:#9a9ea6;--line:#2f3136;--green:#62dfab;--green-dark:#1f3a30;--amber:#e6c07f;--red:#e08c7e;--blue:#7fb3e6;--shadow:0 12px 40px #00000015;--radius:22px;font-family:Tahoma,'Arial',sans-serif;font-size:16px}html[data-theme=light]{color-scheme:light;--bg:#f1f5f3;--panel:#fff;--panel-alt:#edf3ef;--ink:#162c24;--muted:#63786c;--line:#dce6df;--green:#10774f;--green-dark:#d6f5e5;--amber:#926019;--red:#c0563f;--blue:#3f7cc0;--shadow:0 8px 30px #17291c08}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:hover{filter:brightness(1.07)}button:active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.5;letter-spacing:-.7px}h2{font-size:1.125rem;line-height:1.6}p{line-height:1.9}small{font-size:.8rem}bdi,.number{font-family:Arial,Tahoma,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.currency{font-size:.65em;font-weight:400;white-space:nowrap;opacity:.75}.icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}html[dir=rtl] .directional{transform:scaleX(-1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-100px;inset-inline-start:10px;background:var(--panel);color:var(--ink);padding:15px}.skip-link:focus{top:10px}.utility{display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.lang-btn{min-width:46px;min-height:44px;font-size:.875rem;border:1px solid var(--line);border-radius:14px;padding:8px 12px}.eyebrow{font-size:.75rem;line-height:1.8;letter-spacing:2px;color:var(--muted)}html[dir=rtl] .eyebrow{letter-spacing:0;font-size:.875rem}.text-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--green);font-size:.875rem;font-weight:600;padding:4px 0}.text-btn .icon{width:17px;height:17px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:13px;padding:12px 18px;font-size:.875rem;font-weight:600}.primary-btn{background:var(--green);color:var(--bg)}.secondary-btn{background:var(--panel-alt);border:1px solid var(--line)}select{appearance:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 13px;max-width:100%;min-height:44px;font-size:.875rem}.muted{color:var(--muted)}
/* A quiet, full-height brand entrance. Content remains in the document flow. */
.entry{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#131416;color:#f0f0f2;padding:0 6vw}.entry:before{content:'';position:absolute;width:80vw;height:80vw;max-width:900px;max-height:900px;border:1px solid #ffffff05;border-radius:50%;top:8%;left:calc(50% - min(40vw,450px));pointer-events:none;box-shadow:0 0 0 85px #ffffff02,0 0 0 170px #ffffff01}.entry-top{height:100px;display:flex;align-items:center;justify-content:space-between;z-index:1;flex-shrink:0}.wordmark{font-size:25px;font-weight:700;letter-spacing:1px}.wordmark span{font-size:12px;letter-spacing:3px;font-weight:400;margin-inline-start:12px;color:#b0b3b8}.entry .utility{color:#e4e5e8}.entry .icon-btn,.entry .lang-btn{background:#1c1d20;border-color:#34363b}.entry-main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0 44px;z-index:1}.entry .eyebrow{color:#a7abb2}.emblem{width:clamp(220px,35vh,360px);aspect-ratio:1;position:relative;margin:8px 0;animation:reveal 1.6s ease both}.emblem img{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 55%,transparent 73%);animation:float 7s ease-in-out infinite}.entry h1{font-size:clamp(30px,4.3vw,48px);line-height:1.5;letter-spacing:-1.4px;font-weight:400}.entry h1 span{color:#79e4b4}.entry-copy p{color:#aeb2b9;margin:10px 0 28px;font-size:1rem}.enter-button{width:min(360px,100%);min-height:59px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#9debc5;color:#0e2c20;border:1px solid #c0fddd;border-radius:16px;font-size:1rem;font-weight:600;box-shadow:0 8px 38px #49d79a1a;transition:box-shadow .25s}.enter-button:hover{box-shadow:0 8px 40px #49d79a36}.entry-caption{margin-top:21px;display:flex;align-items:center;gap:8px;color:#a0a4ab;font-size:.75rem;letter-spacing:.7px}.entry-caption .icon{width:15px;height:15px}.entry-footer{height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #34363b55;font-size:.75rem;color:#9a9ea6;position:relative}.entry-footer span:first-child{letter-spacing:2px}html[data-theme=light] .entry{background:#eef5f0;color:#183c2b}html[data-theme=light] .emblem img{mix-blend-mode:normal;border-radius:50%;mask-image:radial-gradient(ellipse,#000 42%,transparent 73%)}html[data-theme=light] .entry h1 span{color:#137c54}html[data-theme=light] .entry .utility{color:#183c2b}html[data-theme=light] .entry .icon-btn,html[data-theme=light] .entry .lang-btn{background:#fff;border-color:#dce6df}html[data-theme=light] .entry-copy p,html[data-theme=light] .entry .eyebrow,html[data-theme=light] .entry-caption,html[data-theme=light] .entry-footer{color:#587864}
/* Tablet and desktop workspace */
.shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;border-inline-end:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--bg)}.side-brand{display:flex;align-items:center;gap:12px;text-align:start;width:100%;padding:0;margin-bottom:46px}.side-brand img{width:50px;height:50px;border-radius:12px}.side-brand>span{font-size:13px;font-weight:bold;letter-spacing:1.5px}.side-brand small{display:block;font-size:10px;letter-spacing:4px;color:var(--muted);margin-top:6px}.nav-caption{font-size:.75rem;color:var(--muted);padding:0 13px;margin-bottom:14px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;border-radius:12px;min-height:49px;padding:12px 13px;font-size:.875rem;color:var(--muted);text-align:start}.nav-item.selected{color:var(--green);background:var(--green-dark)}.nav-item .icon{width:21px;height:21px}.sidebar-bottom{margin-top:auto;padding-top:26px}.sidebar-bottom>.nav-item{width:100%}.owner{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:24px 4px 0;margin-top:20px;font-size:.875rem}.owner small{display:block;color:var(--muted);margin-top:7px;font-size:.75rem}.avatar{display:grid;place-items:center;background:var(--panel-alt);border:1px solid var(--line);border-radius:12px;height:42px;width:42px;font-family:Arial}.workspace{flex:1;min-width:0}.topbar{height:92px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:.875rem;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:400}.breadcrumb>span{opacity:.5}.mobile-brand{display:none}#main{max-width:1500px;margin:auto;padding:32px 40px 16px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading .eyebrow{margin-bottom:6px}.date-control{display:flex;align-items:center;gap:9px}.source-strip{display:flex;align-items:center;gap:14px;font-size:.8rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.source-strip>.text-btn{margin-inline-start:auto;font-size:.8rem;min-height:30px}.source-label{display:inline-flex;align-items:center;gap:6px;color:var(--amber);white-space:nowrap}.source-label.live{color:var(--green)}.source-label .icon{width:16px;height:16px}.source-strip>span>.icon{width:15px;height:15px;vertical-align:-3px;margin-inline-end:4px;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:start;position:relative;min-width:0;box-shadow:var(--shadow)}.metric>.icon{position:absolute;inset-inline-end:20px;top:20px;color:var(--muted);width:19px;height:19px}.metric-label{display:block;color:var(--muted);font-size:.875rem;padding-inline-end:22px;margin-bottom:18px}.metric>strong{display:block;font-size:clamp(23px,2.2vw,34px);font-weight:500;white-space:nowrap}.metric-bottom{margin-top:20px;display:flex;gap:6px;align-items:center;font-size:.75rem;min-height:25px;flex-wrap:wrap}.metric-bottom>.icon{margin-inline-start:auto;width:17px;height:17px}.compare-text{font-size:.75rem;color:var(--muted)}.trend{font-family:Arial;font-size:.8rem;padding:3px 5px;border-radius:5px}.positive{color:var(--green);background:var(--green-dark)}.negative{color:#e7a393;background:#8f3f342b}.metric.featured{background:linear-gradient(125deg,#b9f4d7,#72dba8);color:#103b29;border-color:#baf4d7}.featured .metric-label,.featured>.icon,.featured .compare-text{color:#35694e}.featured .positive{color:#155135;background:#286d4b19}.featured .negative{color:#7a2a1f;background:#7a2a1f1f}.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading p{font-size:.875rem;color:var(--muted);margin-top:5px}.panel-heading>.icon{color:var(--muted)}.panel-tag{padding:6px 9px;border:1px solid var(--line);border-radius:7px;font-size:.75rem;color:var(--muted);white-space:nowrap}.legend{display:flex;gap:19px;font-size:.8rem;color:var(--muted);margin-bottom:10px}.legend>span{display:flex;align-items:center;gap:7px}.legend i{width:8px;height:8px;border-radius:2px}.green-dot{background:var(--green)}.gray-dot{background:#6e7278}.bar-chart{height:228px;display:flex;gap:12px;position:relative;margin-bottom:14px}.chart-grid{position:absolute;inset:0 0 32px 0;display:flex;flex-direction:column;justify-content:space-between;font:11px Arial;color:var(--muted);pointer-events:none}.chart-grid>span{border-bottom:1px dashed var(--line);width:100%;padding-bottom:5px}.bars{display:flex;justify-content:space-around;gap:12px;width:100%;margin-inline-start:36px;position:relative;padding-top:4px}.bar-group{display:flex;flex:1;min-width:0;flex-direction:column;padding:0;align-items:center;gap:10px;max-width:70px}.bar-pair{height:calc(100% - 32px);width:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px}.bar{width:24%;max-width:22px;border-radius:5px 5px 0 0;min-height:3px;transition:height .5s}.revenue-bar{background:linear-gradient(#94e9bc,#50b585)}.expense-bar{background:var(--red)}.income-bar{background:linear-gradient(#94e9bc,#50b585)}.month-label{font-size:.75rem;line-height:1.5;white-space:nowrap;color:var(--muted)}.chart-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.chart-footer>div>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:8px}.chart-footer strong{font-size:1.5rem;font-weight:500}.attention-row{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;border-bottom:1px solid var(--line);text-align:start}.attention-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.amber{background:#886b2e26;color:var(--amber)}.blue{background:#4c79b025;color:#9dbfed}.green{background:var(--green-dark);color:var(--green)}.attention-row>div{flex:1;min-width:0}.attention-row strong{font-size:.875rem;font-weight:500}.attention-row>div>span{display:block;color:var(--muted);font-size:.75rem;margin-top:6px;line-height:1.7}.attention-row>b{font-size:1rem;white-space:nowrap}.mini-summary{margin-top:20px;padding:18px;background:var(--panel-alt);border-radius:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mini-summary>span{font-size:.8rem;color:var(--muted)}.mini-summary>strong{margin-inline-start:auto;font-size:1.25rem;color:var(--green)}.mini-summary .text-btn{flex-basis:100%;min-height:26px;font-size:.8rem}.record-row{width:100%;display:flex;gap:14px;align-items:center;padding:18px 0;text-align:start;border-bottom:1px solid var(--line)}.record-row:last-child{border-bottom:0}.record-icon{height:42px;width:42px;background:var(--panel-alt);color:var(--muted);border-radius:12px;display:grid;place-items:center;flex-shrink:0}.record-name{flex:1;min-width:0}.record-name>strong{font-size:.9375rem;font-weight:500;display:block;line-height:1.6}.record-name>span{font-size:.75rem;color:var(--muted);display:block;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.record-amount{text-align:end;flex-shrink:0}.record-amount>strong{font-size:1.05rem;font-weight:600;display:block;margin-bottom:6px}.badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;line-height:1.5;white-space:nowrap}.good{color:var(--green);background:var(--green-dark)}.late{color:var(--amber);background:#b77f2720}.pending{color:var(--muted);background:var(--panel-alt)}.row-arrow{width:16px;color:var(--muted)}.recent .row-arrow{display:none}.bank-summary>p{font-size:.875rem;color:var(--muted)}.bank-total{font-size:2.2rem;font-weight:500;display:block;margin-top:13px}.account-stripe{height:5px;background:linear-gradient(to right,var(--green) 75%,#6e7278 75%);border-radius:6px;margin:25px 0 18px}.bank-row{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:16px 0;font-size:.875rem;border-bottom:1px solid var(--line);text-align:start}.bank-row>b{white-space:nowrap}.bank-summary>.text-btn{margin-top:8px}.dashboard-footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;padding:30px 0 14px;line-height:1.8}.bottom-nav{display:none}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.section-intro p{color:var(--muted);font-size:.875rem;max-width:650px}.section-total{flex-shrink:0;text-align:end}.section-total>span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:10px}.section-total>strong{font-size:1.6rem;font-weight:500}.info-note{display:flex;gap:12px;align-items:flex-start;color:var(--muted);margin:23px 0;font-size:.875rem}.info-note>.icon{margin-top:4px;color:var(--green)}.report-tabs{display:flex;gap:5px;padding:5px;background:var(--panel-alt);border-radius:14px;width:fit-content;max-width:100%;margin-bottom:24px}.report-tabs>button{padding:12px 20px;border-radius:10px;color:var(--muted);font-size:.875rem;min-height:46px}.report-tabs>.selected{background:var(--panel);color:var(--green);box-shadow:var(--shadow)}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.report-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font-size:.9375rem}.report-line>strong{font-size:1.3rem;font-weight:500;white-space:nowrap}.report-line.total{border:0;padding:24px 18px;margin-top:16px;background:var(--green-dark);color:var(--green);border-radius:12px}.report-footnote{font-size:.8rem;line-height:1.9;color:var(--muted);margin-top:24px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.module-card{display:flex;flex-direction:column;text-align:start;align-items:flex-start;gap:15px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.module-card>.icon:first-child{color:var(--green);width:27px;height:27px;margin-bottom:8px}.module-card>strong{font-weight:500;font-size:1rem}.module-card>span{color:var(--muted);font-size:.9375rem}.module-card>.icon:last-child{align-self:flex-end;width:18px;height:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connection-panel{padding:36px;display:flex;flex-direction:column;align-items:flex-start}.connection-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px;direction:ltr}.connection-logo>b{font-weight:400;font-size:1.5rem}.zoho-word{display:flex;gap:3px}.zoho-word i{font:600 18px Arial;border:2px solid;padding:5px 6px;border-radius:5px;color:#e38e88}.zoho-word i:nth-child(2){color:#6fc792}.zoho-word i:nth-child(3){color:#78b4e4}.zoho-word i:nth-child(4){color:#e1c364}.connection-panel>h2{font-size:1.5rem;margin-bottom:14px}.connection-panel>p,.next-phase>p{font-size:.9375rem;color:var(--muted);line-height:2}.connection-state{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--panel-alt);border-radius:14px;padding:18px;margin:24px 0;width:100%}.connection-state>.icon{color:var(--muted)}.connection-state strong{display:block;font-size:.9375rem}.connection-state span{display:block;color:var(--muted);font-size:.8rem;line-height:1.9;margin-top:6px}.connection-panel>.primary-btn{width:100%;margin-bottom:10px}.connection-panel>.secondary-btn{width:100%;margin-bottom:10px}.security-note{display:flex;gap:8px;color:var(--muted);font-size:.75rem;margin-top:28px;align-items:center}.security-note .icon{width:16px;height:16px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px 0;font-size:.9375rem}.preference-row:last-child{border-bottom:0;padding-bottom:0}.next-phase{margin-top:24px}.next-phase>h2{margin:20px 0 10px}.notification-example{display:flex;align-items:center;gap:14px;padding:18px;background:var(--panel-alt);border-radius:13px;margin-top:20px}.notification-example>.icon{color:var(--green)}.notification-example strong{display:block;font-size:.875rem}.notification-example span{display:block;font-size:.75rem;color:var(--muted);margin-top:8px;line-height:1.7}.empty{padding:40px 15px;text-align:center;color:var(--muted)}.empty>.icon{width:35px;height:35px;margin-bottom:16px}.empty h3{font-size:1rem;color:var(--ink);margin-bottom:10px}.empty p{font-size:.875rem}.error-banner{border:1px solid #d38969;background:#59312730;padding:16px;border-radius:13px;line-height:1.8;margin-bottom:22px;font-size:.875rem}dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:24px;width:min(500px,calc(100% - 28px));max-height:85svh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0b0c0db3;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top h2{font-size:1.2rem}.dialog-top>.icon-btn{flex-shrink:0}.dialog-copy{margin-top:25px;line-height:2;color:var(--muted)}.detail-hero{display:flex;align-items:center;flex-direction:column;gap:16px;padding:32px 0}.detail-hero>.icon{width:38px;height:38px;color:var(--green)}.detail-hero>strong{font-size:2.3rem;font-weight:500}.detail-list{margin:0}.detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.875rem}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:end;overflow-wrap:anywhere}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);border-radius:14px;padding:15px 22px;font-size:.875rem;width:max-content;max-width:calc(100% - 32px);box-shadow:0 10px 50px #0004;z-index:30;transition:.2s;line-height:1.8}#toast.visible{opacity:1;transform:translate(-50%,0)}.spinning .icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){#main{padding-top:40px}.metric{padding:26px}.bar-chart{height:260px}}
@media(max-width:1200px){.sidebar{width:205px;padding-inline:14px}.topbar{padding-inline:26px}#main{padding:26px}.metrics-grid{gap:14px}.metric{padding:20px 16px}.metric>strong{font-size:27px}.metric>.icon{inset-inline-end:13px}.overview-grid{grid-template-columns:1.4fr 1fr;gap:18px}.panel{padding:20px}.attention-row{gap:9px}.attention-icon{display:none}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* iPad: full width cards and a persistent thumb-friendly dock. */
@media(max-width:1024px){.sidebar{display:none}.topbar{height:80px;padding-inline:28px}.mobile-brand{display:block;padding:0;flex-shrink:0}.mobile-brand img{display:block;width:46px;height:46px;border-radius:12px}.breadcrumb{margin-inline-end:auto}.bottom-nav{position:fixed;display:flex;bottom:0;inset-inline:0;align-items:stretch;justify-content:space-around;gap:4px;background:var(--panel);border-top:1px solid var(--line);z-index:20;padding:8px 15px max(10px,env(safe-area-inset-bottom));box-shadow:0 -10px 40px #00000009}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:58px;font-size:.75rem;padding:8px 5px;max-width:150px;border-radius:12px}.bottom-nav .icon{width:22px;height:22px}.workspace{padding-bottom:95px}.dashboard-footer{padding-bottom:20px}.source-strip{gap:12px}.metrics-grid{gap:16px}.metric>strong{font-size:28px}.metric-label{font-size:.8rem}.metric-bottom{gap:6px}.compare-text{font-size:.7rem}.entry-top{height:90px}.entry-main{padding-top:10px}#toast{bottom:110px}}
@media(max-width:760px){#main{padding:24px 20px 10px}.topbar{padding-inline:20px}.breadcrumb{font-size:.8rem;gap:9px}.breadcrumb strong{display:none}.breadcrumb>span{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:17px}.page-heading h1{font-size:1.8rem}.date-control{justify-content:space-between;width:100%}.date-control select{flex:1;max-width:240px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{padding:20px 17px}.metric-label{font-size:.875rem;margin-bottom:17px}.metric>strong{font-size:29px}.metric-bottom{margin-top:15px}.compare-text{font-size:.75rem}.metric>.icon{width:17px;height:17px;top:20px;inset-inline-end:15px}.overview-grid{grid-template-columns:1fr;gap:18px}.performance{order:0}.attention{order:1}.recent{order:2}.bank-summary{order:3}.panel{padding:22px}.panel-heading{margin-bottom:16px}.bar-chart{height:220px}.attention-icon{display:grid}.source-strip{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:4px;font-size:.75rem;margin-bottom:20px}.source-strip>span:nth-child(2){flex-basis:100%;order:3;padding-top:3px}.source-strip>.text-btn{font-size:.75rem}.report-tabs{width:100%;gap:2px}.report-tabs>button{flex:1;padding:12px 6px;font-size:.8rem}.reports-grid,.settings-grid{grid-template-columns:1fr;gap:18px}.module-grid{grid-template-columns:1fr 1fr;gap:13px}.module-card{padding:22px;gap:12px}.module-card>strong{font-size:.9375rem}.section-intro{align-items:flex-start;flex-direction:column;gap:16px}.section-total{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:start}.section-total>span{margin:0}.section-total>strong{font-size:1.5rem}.record-row{gap:11px;padding:18px 0}.record-name>strong{font-size:.9rem}.record-amount>strong{font-size:1rem}.row-arrow{display:none}.record-icon{width:36px;height:36px;border-radius:10px}.record-icon .icon{width:19px;height:19px}.record-name>span{font-size:.75rem}.dashboard-footer{flex-direction:column;gap:4px;text-align:center}.connection-panel{padding:26px}.entry{padding:0 24px}.entry-top{height:80px}.entry-main{padding:18px 0 38px}.entry h1{font-size:36px}.entry .eyebrow{font-size:.75rem}.emblem{width:min(75vw,310px);margin:8px 0}.entry-footer{height:65px;font-size:.7rem}.entry-footer span:first-child{letter-spacing:1px}.entry-copy p{font-size:.9375rem}.entry-caption{font-size:.7rem}.entry:before{top:17%;width:90vw;height:90vw;left:5%}.wordmark{font-size:23px}.wordmark span{font-size:10px;letter-spacing:1.5px;margin-inline-start:7px}}
@media(max-width:390px){#main{padding-inline:16px}.topbar{padding-inline:16px}.metric{padding:18px 13px}.metric-label{font-size:.8rem}.metric>strong{font-size:25px}.metric-bottom{gap:4px}.compare-text{font-size:.7rem}.panel{padding:18px}.record-icon{display:none}.bottom-nav{padding-inline:6px}.bottom-nav .nav-item{font-size:.7rem}.attention-row>b{font-size:.9375rem}.attention-row>div>span{font-size:.7rem}.entry{padding-inline:21px}.entry h1{font-size:31px}.wordmark span{display:none}.module-card{padding:20px 16px}}
@media(max-height:750px) and (max-width:760px){.entry-top{height:68px}.entry-main{padding-top:8px;padding-bottom:22px}.emblem{width:min(64vw,230px);margin:0}.entry h1{font-size:30px}.entry-copy p{margin:8px 0 20px}.entry-caption{margin-top:16px}.entry-footer{height:48px}.entry .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--muted:#c4c7cc;--line:#8a8e95}html[data-theme=light]{--muted:#344e40;--line:#637d6e}}

/* Entrance art direction: the supplied Al Awir farm image is the hero, with the 3D mark repositioned into a compact glass panel. */
.entry-photo,.entry-shade{position:absolute;inset:0}.entry-photo{z-index:0}.entry-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:saturate(.95) contrast(1.04)}.entry-shade{z-index:1;background:linear-gradient(180deg,#0c0d0ec9 0%,#131416a1 31%,#101214a6 61%,#0a0b0ce8 100%),linear-gradient(90deg,#08090a70,#08090a13 50%,#08090a70)}.entry:before{z-index:2;width:72vw;height:72vw;max-width:780px;max-height:780px;top:12%;left:calc(50% - min(36vw,390px));border-color:#ffffff10;box-shadow:0 0 0 85px #ffffff03,0 0 0 170px #ffffff02}.entry-top{z-index:3}.entry-main{z-index:2;justify-content:flex-end;padding-bottom:42px}.entry-panel{width:min(100%,560px);padding:22px 28px 25px;border:1px solid #ffffff24;border-radius:28px;background:#131416bd;box-shadow:0 20px 70px #0007;backdrop-filter:blur(14px)}.entry .eyebrow{color:#c9ccd1}.emblem{width:clamp(120px,17vh,180px);margin:0 auto 2px}.entry h1{text-shadow:0 2px 18px #0007}.entry-copy p{color:#c6c9ce;margin:7px 0 22px;text-shadow:0 2px 12px #0007}.enter-button{margin-inline:auto;box-shadow:0 8px 38px #49d79a3b}.entry-caption{justify-content:center;margin-top:17px;color:#b8bbc0}.entry-footer{z-index:3;color:#babdc2;text-shadow:0 2px 14px #000}.entry .icon-btn,.entry .lang-btn{background:#1a1b1d9e;border-color:#ffffff22;backdrop-filter:blur(14px);box-shadow:0 5px 20px #0004}html[data-theme=light] .entry-shade{background:linear-gradient(180deg,#10342275 0%,#10342255 38%,#071a12ba 100%),linear-gradient(90deg,#06120f45,#06120f05 50%,#06120f45)}html[data-theme=light] .entry-panel{background:#f3fff5c2;border-color:#ffffff70;box-shadow:0 20px 70px #092d1940}html[data-theme=light] .entry .icon-btn,html[data-theme=light] .entry .lang-btn{background:#ffffffb8;border-color:#ffffff70;color:#183c2b}html[data-theme=light] .entry-copy p,html[data-theme=light] .entry .eyebrow,html[data-theme=light] .entry-caption,html[data-theme=light] .entry-footer{color:#315a43}
@media(max-width:1024px){.entry-panel{width:min(100%,600px)}}
@media(max-width:760px){.entry{padding:0 24px}.entry-main{padding:18px 0 38px}.entry-panel{padding:18px 18px 22px;border-radius:24px;background:#131416c9}.emblem{width:min(32vw,150px);margin:-2px auto 2px}.entry-photo img{object-position:center center}}
@media(max-width:390px){.entry{padding-inline:16px}.entry-top{height:72px}.entry-panel{padding:14px 14px 18px}.entry-copy p{margin-bottom:16px}.entry-caption{margin-top:14px}}
@media(max-height:750px) and (max-width:760px){.entry-panel{padding-top:12px;padding-bottom:16px}.emblem{width:min(28vw,118px);margin:-5px auto 0}.entry-copy p{margin:8px 0 16px}.entry-caption{margin-top:12px}}

/* Keep the garden scene open on wide screens: compact brand panel on the physical right. */
@media(min-width:900px){
  .entry-main{justify-content:center;align-items:stretch;padding:0}
  .entry-panel{position:absolute;left:2.5vw;right:auto;top:54%;transform:translateY(-50%);width:min(315px,27vw);padding:15px 18px 18px;border-radius:22px;background:#1314169e}
  .emblem{width:112px;margin:-2px auto 0}
  .entry h1{font-size:29px;line-height:1.38}
  .entry-copy p{font-size:.875rem;margin:6px 0 15px}
  .enter-button{min-height:50px;padding:12px 16px;font-size:.875rem}
  .entry-caption{margin-top:13px;font-size:.7rem}
}

@media(max-width:899px){.entry-photo img{object-position:42% center}}

/* Daily update: what was added or changed in Zoho Books over the last 14 days. */
.daily{margin-bottom:22px}.daily-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.daily-stats>div{background:var(--panel-alt);border-radius:14px;padding:14px 16px;min-width:0}.daily-stats span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:8px}.daily-stats strong{display:block;font-size:1.5rem;font-weight:500;line-height:1.3;white-space:nowrap}.daily-stats small{display:block;color:var(--muted);margin-top:6px}.daily-legend{flex-wrap:wrap;row-gap:6px}.daily-chart{height:200px}.daily-chart .bars{gap:5px;margin-inline-start:30px}.daily-chart .bar-group{max-width:46px;gap:8px}.daily-chart .bar-pair{gap:3px}.stack{height:100%;width:44%;max-width:22px;display:flex;flex-direction:column-reverse;justify-content:flex-start}.seg{display:block;width:100%;border-radius:0;transition:height .5s}.stack .seg{border-top:1px solid var(--panel)}.stack .seg:last-child{border-radius:5px 5px 0 0}.seg-invoices{background:var(--green)}.seg-payments{background:#a9efd0}.seg-expenses{background:#8b8f96}.seg-bills{background:#55595f}.seg-empty{background:var(--line);min-height:3px}.seg-updated{background:transparent;border:1px dashed var(--muted)}.bar.seg-updated{width:22%;max-width:10px;border-bottom:0;border-radius:4px 4px 0 0}html[data-theme=light] .seg-payments{background:#7fd9ad}html[data-theme=light] .seg-expenses{background:#9aa0a8}html[data-theme=light] .seg-bills{background:#6c727a}.day-group .month-label{font-size:.7rem}
@media(max-width:760px){.daily-stats{gap:8px}.daily-stats>div{padding:12px}.daily-stats strong{font-size:1.2rem}.daily-chart{height:180px}.daily-chart .bars{margin-inline-start:26px;gap:3px}.daily-chart .bar-group{gap:6px}.day-group .month-label{font-size:.65rem}}

/* Plain-language dashboard: simple cards, receivables, monthly income/expenses, breakdowns. */
.metric-caption{display:block;font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:8px;min-height:2.6em}.metric.simple>strong{margin-top:2px}.metric.tone-loss>strong{color:var(--red)}.featured .metric-caption{color:#35694e}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.dot.income{background:var(--green)}.dot.expense{background:var(--red)}.dot.current{background:var(--blue)}.dot.overdue{background:var(--amber)}.legend .dot{width:8px;height:8px}
.chart-totals{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:14px}.chart-totals>div{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.chart-totals strong{font-size:1.05rem;color:var(--ink);font-weight:500}
.months-12 .bars{gap:6px}.months-12 .bar-group{max-width:52px}
.big-number{display:block;font-size:2rem;font-weight:500;margin:4px 0 6px}.small{font-size:.8rem}
.split-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--panel-alt);margin:18px 0 12px}.split-bar>i{display:block;height:100%}.split-bar>.current{background:var(--blue)}.split-bar>.overdue{background:var(--amber)}
.split-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.85rem;color:var(--muted)}.split-legend span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.split-legend b{color:var(--ink);font-weight:600}.receivables .text-btn{margin-top:14px}
.donut-wrap{position:relative;width:min(210px,100%);margin:4px auto 18px}.donut{width:100%;height:auto;display:block}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:26px}.donut-center span{font-size:.75rem;color:var(--muted)}.donut-center strong{font-size:1rem;font-weight:600}
.breakdown-list{list-style:none;margin:0;padding:0}.breakdown-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.875rem}.breakdown-list li:last-child{border-bottom:0}.breakdown-list .name{flex:1;min-width:0;overflow-wrap:anywhere}.breakdown-list b{white-space:nowrap;font-weight:600}.breakdown-list small{color:var(--muted);width:40px;text-align:end}
.source-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.source-top{display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.source-top .name{overflow-wrap:anywhere}.source-top b{white-space:nowrap;font-weight:600}.source-bar{height:8px;background:var(--panel-alt);border-radius:5px;overflow:hidden;margin:8px 0 5px}.source-bar>i{display:block;height:100%;background:var(--green);border-radius:5px}.source-list small{color:var(--muted);font-size:.75rem}
.span2{grid-column:1/-1}.overview-grid>.daily{margin:0}
.table-wrap{overflow-x:auto}.simple-table{width:100%;border-collapse:collapse;font-size:.9rem}.simple-table th{text-align:start;color:var(--muted);font-weight:400;font-size:.8rem;padding:10px 8px;border-bottom:1px solid var(--line)}.simple-table td{padding:13px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.simple-table tr:last-child td{border-bottom:0}.gain-text{color:var(--green)}.loss-text{color:var(--red)}
@media(max-width:1200px){.months-12 .bars{gap:4px}}
@media(max-width:760px){.split-legend{flex-direction:column;gap:8px}.metric-caption{min-height:0;font-size:.7rem}.months-12 .bars{gap:3px;margin-inline-start:26px}.months-12 .bar-group{gap:6px}.months-12 .month-label{font-size:.58rem}.chart-totals{gap:14px}.simple-table{font-size:.8rem}.big-number{font-size:1.7rem}}

/* Company-grade cards: icon tiles, accent lines, hover lift. */
.icon-tile{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--green-dark);color:var(--green);flex-shrink:0}.icon-tile .icon{width:22px;height:22px}
.tone-expenses .icon-tile,.tone-loss .icon-tile{background:#e08c7e24;color:var(--red)}.tone-received .icon-tile,.tone-payments .icon-tile,.tone-banking .icon-tile{background:#7fb3e624;color:var(--blue)}.tone-profit .icon-tile,.tone-vat .icon-tile,.tone-invoices .icon-tile{background:#e6c07f26;color:var(--amber)}.tone-customers .icon-tile,.tone-vendors .icon-tile{background:#c39be026;color:#b68ad9}.tone-settings .icon-tile{background:var(--panel-alt);color:var(--muted)}html[data-theme=light] .tone-customers .icon-tile,html[data-theme=light] .tone-vendors .icon-tile{color:#7d4fa8}
.metric{overflow:hidden;transition:transform .2s,box-shadow .2s}.metric>.icon-tile{position:absolute;inset-inline-end:18px;top:18px}.metric .metric-label{padding-inline-end:60px}.metric:before{content:'';position:absolute;inset-inline:0;top:0;height:3px;background:var(--green)}.metric.tone-expenses:before,.metric.tone-loss:before{background:var(--red)}.metric.tone-received:before{background:var(--blue)}.metric.tone-profit:before{background:var(--amber)}.metric.featured:before{display:none}.metric.featured .icon-tile{background:#0f3d2a1f;color:#0f3d2a}.metric:hover{transform:translateY(-2px);box-shadow:0 16px 44px #0000002e}
.modules{margin-bottom:24px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 14px}.section-title h2{font-size:1.05rem}.section-title p{color:var(--muted);font-size:.8rem}
.module-card{position:relative;gap:10px;padding:22px 22px 26px;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.module-card:hover{transform:translateY(-2px);box-shadow:0 16px 44px #0000002e}.module-card>.icon-tile{margin-bottom:6px}.module-card>strong{font-size:.95rem}.module-value{font-size:1.3rem;font-weight:600;color:var(--ink);white-space:nowrap}.module-value.small-text{font-size:.875rem;font-weight:400;color:var(--muted);white-space:normal}.module-card small{color:var(--muted);font-size:.75rem}.module-card .module-arrow{position:absolute;inset-inline-end:20px;bottom:22px;width:18px;height:18px;color:var(--muted)}
.panel-heading>.icon{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--panel-alt);color:var(--green);box-sizing:border-box}
@media(max-width:760px){.module-card{padding:18px 16px 22px}.module-value{font-size:1.1rem}.icon-tile{width:40px;height:40px}.metric>.icon-tile{inset-inline-end:14px;top:14px}}

/* Entrance sequence: the emblem alone first, then the copy and the button pop in (adds .ready after 3s). */
.entry .eyebrow,.entry .entry-copy,.entry .enter-button{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.entry .enter-button{pointer-events:none}.entry .emblem{transition:transform .9s cubic-bezier(.2,.8,.2,1)}.entry:not(.ready) .emblem{transform:scale(1.45)}@media(max-width:760px){.entry:not(.ready) .emblem{transform:scale(1.75) translateY(-6vh)}}.entry:not(.ready) .entry-panel{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}.entry-panel{transition:background .8s ease,border-color .8s ease,box-shadow .8s ease}.entry.ready .eyebrow,.entry.ready .entry-copy{opacity:1;transform:none}.entry.ready .enter-button{opacity:1;transform:none;pointer-events:auto;animation:pop .7s cubic-bezier(.2,.9,.3,1.25) both}@keyframes pop{from{opacity:0;transform:scale(.82) translateY(16px)}60%{opacity:1}to{opacity:1;transform:none}}
/* Data loader: the real emblem transmitting data — radar rings, eight beams, packets and figures streaming out (and a few in). */
.data-loader{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px 44px;text-align:center;color:var(--muted)}.agent-stage{position:relative;width:min(300px,74vw);aspect-ratio:1;margin-bottom:8px}.agent-stage:before{content:'';position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle,#62dfab40 0%,#62dfab14 45%,transparent 70%);animation:breathe 2.6s ease-in-out infinite}.agent-beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.beam{stroke:url(#beamFade);stroke-width:1;fill:none}.packet{fill:var(--green);filter:drop-shadow(0 0 5px var(--green))}.packet.in{fill:#a9efd0}.packet-label{font:600 10px Arial,sans-serif;fill:#a9efd0;text-anchor:middle;opacity:0;animation:labelFade 3.3s linear infinite}html[data-theme=light] .packet-label{fill:#0f6a46}html[data-theme=light] .packet.in{fill:#0f6a46}
.agent-rings i{position:absolute;inset:22%;border:1px solid var(--green);border-radius:50%;opacity:0;animation:ring 3.3s ease-out infinite}.agent-rings i:nth-child(2){animation-delay:1.1s}.agent-rings i:nth-child(3){animation-delay:2.2s}
.agent-logo{position:absolute;inset:24%;width:52%;height:52%;object-fit:contain;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse,#000 55%,transparent 73%);mask-image:radial-gradient(ellipse,#000 55%,transparent 73%);filter:drop-shadow(0 0 22px #62dfab66);animation:float 6s ease-in-out infinite}html[data-theme=light] .agent-logo{mix-blend-mode:normal;border-radius:50%;-webkit-mask-image:radial-gradient(ellipse,#000 42%,transparent 73%);mask-image:radial-gradient(ellipse,#000 42%,transparent 73%)}
.data-loader p{color:var(--ink);font-size:1rem}.data-loader small{font-size:.8rem}@keyframes ring{0%{transform:scale(.55);opacity:.7}100%{transform:scale(1.55);opacity:0}}@keyframes labelFade{0%{opacity:0}15%{opacity:1}70%{opacity:.9}100%{opacity:0}}@keyframes breathe{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.entry .eyebrow,.entry .entry-copy,.entry .enter-button{opacity:1;transform:none;pointer-events:auto}.packet,.packet-label,.agent-rings{display:none}}
@media(max-width:430px){.module-value{white-space:normal;font-size:1.05rem}.big-number{font-size:1.6rem}}

/* Login form on the entrance panel */
.login-form{display:flex;flex-direction:column;gap:10px;width:min(360px,100%);margin-inline:auto}.login-input{min-height:48px;border-radius:13px;border:1px solid #ffffff2e;background:#0c0d0ec9;color:#f0f0f2;padding:12px 16px;font-size:1rem;width:100%}.login-input::placeholder{color:#9a9ea6}.login-input:focus{outline:2px solid #79e4b4;outline-offset:2px}html[data-theme=light] .login-input{background:#ffffffe6;color:#183c2b;border-color:#00000024}html[data-theme=light] .login-input::placeholder{color:#63786c}.login-form .enter-button{width:100%;margin-top:4px}.login-error{color:#f0a89b;font-size:.85rem;min-height:1.4em;margin:0;text-align:center}html[data-theme=light] .login-error{color:#b3392a}
.entry .login-form{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.entry.ready .login-form{opacity:1;transform:none}.entry:not(.ready) .login-form{pointer-events:none}
@media(prefers-reduced-motion:reduce){.entry .login-form{opacity:1;transform:none;pointer-events:auto}}
@media(max-width:430px){.breadcrumb{display:none}.topbar{padding-inline:14px}.utility{gap:8px}.icon-btn,.lang-btn{width:40px;min-width:40px;height:40px;min-height:40px;padding:6px}}
/* Phones: one full-width card per row so long amounts and the currency always fit. */
@media(max-width:520px){.metrics-grid{grid-template-columns:1fr;gap:12px}.metric{padding:20px 18px}.metric>strong{font-size:30px;white-space:nowrap;letter-spacing:-.5px}.metric-caption{min-height:0}.metric .metric-label{padding-inline-end:56px}.module-grid{gap:10px}.module-card{padding:16px 14px 20px}.module-value{font-size:1rem}.daily-stats strong{font-size:1.1rem}}