:root{--green:#087765;--green-2:#04594e;--mint:#dff5ee;--ink:#153a34;--muted:#667e78;--line:#d9e8e3;--bg:#f4f8f7;--card:#fff;--soft:#edf5f2;--gold:#c98916;--gold-soft:#fff3d9;--red:#b84e48;--red-soft:#ffebe8;--blue:#3977bb;--blue-soft:#e8f1fc;--nav:78px;--shadow:0 18px 45px rgba(17,66,57,.11);--radius:22px}
:root[data-theme="dark"]{--green:#3bd0ae;--green-2:#119d84;--mint:#143e36;--ink:#eef9f5;--muted:#a6bdb7;--line:#2c4d46;--bg:#0d1d1a;--card:#152b27;--soft:#1c3933;--gold:#f2bc4b;--gold-soft:#3b3019;--red:#f4877e;--red-soft:#452522;--blue:#7eaff0;--blue-soft:#1c314b;--shadow:0 18px 45px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{background:var(--bg);font-family:Tahoma,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}html,body{width:100%;max-width:100%;overflow-x:hidden}body{min-width:0;margin:0;color:var(--ink);background:radial-gradient(circle at 94% -5%,rgba(57,195,164,.16),transparent 30rem),var(--bg);transition:background .24s,color .24s}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,119,101,.38);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{min-height:100vh;padding-bottom:calc(var(--nav) + 24px)}
.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(122px,1.55fr) minmax(0,1fr);align-items:center;gap:8px;max-width:820px;height:80px;margin:auto;padding:0 22px}.brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ink);font-size:1.22rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand-icon{flex:0 0 auto;width:36px;height:36px;border-radius:12px;object-fit:cover;box-shadow:0 6px 15px rgba(8,117,99,.23)}.ledger-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;min-height:54px;padding:8px 12px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--card);text-align:right}.ledger-picker-label{grid-column:1/-1;color:var(--muted);font-size:.66rem}.ledger-picker strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.ledger-picker>span:last-child{grid-column:2;grid-row:2;color:var(--green);font-size:1rem}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.icon-btn,.avatar{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--card);font-size:1rem}.avatar{border:0;color:#fff;background:linear-gradient(145deg,var(--green),var(--green-2));font-size:.74rem;font-weight:900}.sync-badge{max-width:76px;overflow:hidden;padding:5px 7px;border:1px solid #bfe8da;border-radius:99px;color:var(--green-2);background:#eaf9f3;font-size:.64rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sync-badge.offline{border-color:#ead5a2;color:#926509;background:var(--gold-soft)}.sync-badge.queued{border-color:#c7d9f1;color:#376fae;background:var(--blue-soft)}:root[data-theme="dark"] .sync-badge{background:var(--mint)}
.main-content{max-width:820px;margin:auto;padding:13px 22px}.view{display:none;animation:fade-up .24s ease}.view.active{display:block}@keyframes fade-up{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}.date-label,.dialog-kicker{margin:0 0 7px;color:var(--muted);font-size:.78rem}.view-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.view-heading h1{margin:0;font-size:1.8rem;letter-spacing:-.065em;line-height:1.16}.small-add,.round-add{border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 8px 18px rgba(8,117,99,.2);font-size:.78rem;font-weight:800}.small-add{padding:11px 12px}.round-add{display:grid;place-items:center;width:41px;height:41px;padding:0;font-size:1.3rem}.report-export{font-size:1.05rem}
.summary-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:12px;margin:23px 0 14px}.summary-card{position:relative;min-height:154px;padding:18px;overflow:hidden;border:1px solid transparent;border-radius:var(--radius);color:#fff;background:linear-gradient(145deg,var(--green),var(--green-2));box-shadow:var(--shadow)}.summary-card.pay{border-color:#f2dca8;color:#705015;background:var(--gold-soft);box-shadow:none}.summary-card:after{position:absolute;bottom:-60px;left:-29px;width:145px;height:145px;border:25px solid rgba(255,255,255,.13);border-radius:50%;content:""}.summary-card.pay:after{border-color:rgba(198,135,18,.13)}.summary-icon{display:grid;place-items:center;width:33px;height:33px;margin-bottom:17px;border-radius:10px;background:rgba(255,255,255,.17);font-size:1.08rem}.pay .summary-icon{color:#91600a;background:rgba(226,167,45,.17)}.summary-card p{margin:0;color:rgba(255,255,255,.8);font-size:.77rem}.pay p{color:#9b7330}.summary-card strong{display:block;margin:7px 0;font-size:1.27rem;direction:rtl}.summary-card small{color:rgba(255,255,255,.7);font-size:.68rem}.pay small{color:#9b7d46}
.health-card{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:13px;border:1px solid #efccbc;border-radius:16px;color:#93413b;background:var(--red-soft)}.health-icon{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;color:#fff;background:var(--red);font-weight:900}.health-card div:nth-child(2){min-width:0;flex:1}.health-card strong,.health-card p{display:block}.health-card strong{font-size:.82rem}.health-card p{margin:3px 0 0;font-size:.73rem;line-height:1.45}.health-card button{padding:8px 10px;border:0;border-radius:10px;color:#fff;background:var(--red);font-size:.73rem;font-weight:800}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:27px}.quick-row button{display:grid;justify-items:center;gap:7px;min-width:0;padding:12px 5px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--card);box-shadow:0 4px 12px rgba(15,53,45,.04);font-size:.72rem}.quick-row i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--green);background:var(--mint);font-size:1rem;font-style:normal}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:21px 0 12px}.section-head.compact{margin:0 0 12px}.section-head h2{margin:0 0 4px;font-size:1.1rem;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:.76rem}.text-button{border:0;color:var(--green);background:transparent;font-size:.78rem;font-weight:800;white-space:nowrap}
.activity-list,.people-list{display:grid;gap:9px}.activity-item,.person-item{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--card);box-shadow:0 4px 12px rgba(12,48,41,.035)}.activity-symbol{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;font-weight:900}.activity-symbol.receive{color:var(--green);background:var(--mint)}.activity-symbol.pay{color:#9b670b;background:var(--gold-soft)}.activity-copy,.person-copy{min-width:0;flex:1}.activity-copy b,.person-copy b{display:block;overflow:hidden;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.activity-copy small,.person-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.69rem;line-height:1.45}.activity-side{display:grid;justify-items:end;gap:5px}.activity-amount{font-size:.77rem;font-weight:800;white-space:nowrap}.activity-amount.plus,.person-balance.receive{color:var(--green)}.activity-amount.minus,.person-balance.pay{color:#a36d10}.activity-actions{display:flex;gap:4px}.activity-actions button{padding:4px 6px;border:0;border-radius:7px;color:var(--muted);background:var(--soft);font-size:.62rem}.activity-actions button:last-child{color:var(--red)}.empty{padding:28px 15px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center;font-size:.82rem;line-height:1.8}.empty button{display:block;margin:9px auto 0;border:0;color:var(--green);background:none;font-weight:800}
.search{display:flex;align-items:center;gap:8px;margin:22px 0 14px;padding:0 13px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--card)}.search input{width:100%;min-width:0;padding:13px 0;border:0;outline:0;color:var(--ink);background:transparent;font-size:.87rem}.filters{display:flex;gap:7px;margin-bottom:14px;overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;padding:8px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--card);font-size:.73rem;white-space:nowrap}.filters button.active{border-color:var(--green);color:#fff;background:var(--green)}.person-item{cursor:pointer;text-align:right}.person-avatar{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:13px;color:var(--green);background:var(--mint);font-size:.85rem;font-weight:900}.person-avatar.supplier{color:#9a6a12;background:var(--gold-soft)}.person-side{display:grid;justify-items:end;gap:5px}.person-balance{font-size:.76rem;font-weight:900;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:99px;font-size:.62rem;font-weight:800;white-space:nowrap}.status-chip.active{color:var(--green-2);background:var(--mint)}.status-chip.overdue{color:#a13f39;background:var(--red-soft)}.status-chip.paused{color:#9b6a0a;background:var(--gold-soft)}
.bottom-nav{position:fixed;z-index:5;right:50%;bottom:0;display:grid;grid-template-columns:1fr 1fr 63px 1fr 1fr;align-items:center;width:min(820px,100%);height:var(--nav);padding:0 13px;border-top:1px solid var(--line);background:rgba(255,255,255,.92);transform:translateX(50%);backdrop-filter:blur(16px)}:root[data-theme="dark"] .bottom-nav{background:rgba(21,43,39,.92)}.bottom-nav button{display:grid;justify-items:center;gap:3px;border:0;color:var(--muted);background:transparent;font-size:.62rem}.bottom-nav button span{font-size:1.15rem}.bottom-nav button.active{color:var(--green);font-weight:900}.bottom-nav .add-tab{place-self:center;display:grid;place-items:center;width:51px;height:51px;border:4px solid var(--bg);border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 9px 20px rgba(8,117,99,.28);font-size:1.65rem}
.detail-hero{padding:21px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#087765,#044e44);box-shadow:var(--shadow)}.detail-person{display:flex;align-items:center;gap:10px}.detail-person .person-avatar{color:#fff;background:rgba(255,255,255,.17)}.detail-person strong,.detail-person small{display:block}.detail-person strong{font-size:1.04rem}.detail-person small{margin-top:4px;color:rgba(255,255,255,.75);font-size:.73rem}.detail-statuses{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.detail-statuses .status-chip{color:#fff;background:rgba(255,255,255,.18)}.detail-balance{margin-top:22px}.detail-balance small{display:block;color:rgba(255,255,255,.72);font-size:.72rem}.detail-balance strong{display:block;margin-top:5px;font-size:1.55rem}.limit-meter{height:7px;margin-top:11px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.22)}.limit-meter span{display:block;height:100%;border-radius:inherit;background:#fff}.limit-meter.warn span{background:#ffd478}.detail-action{display:grid;gap:8px;margin:13px 0 25px}.primary-action,.form-submit{width:100%;padding:14px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));font-size:.88rem;font-weight:900}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secondary-action,.whatsapp-action{display:flex;align-items:center;justify-content:center;min-height:45px;padding:10px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--card);font-size:.78rem;font-weight:800;text-align:center;text-decoration:none}.whatsapp-action{border-color:#21a366;color:#168652;background:#eaf8ef}.settled-note{padding:12px;border-radius:13px;color:var(--green);background:var(--mint);font-size:.79rem;font-weight:800;text-align:center}.back-button{margin-bottom:18px;padding:0;border:0;color:var(--muted);background:transparent;font-size:.8rem}
.report-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.metric-card{min-height:99px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.metric-card p{margin:0;color:var(--muted);font-size:.72rem}.metric-card strong{display:block;margin-top:9px;color:var(--ink);font-size:1rem}.metric-card.success strong{color:var(--green)}.metric-card.warning strong{color:#a36d10}.metric-card.danger strong{color:var(--red)}.chart-card{margin-top:13px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.bar-chart{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(100px,2fr) auto;gap:8px;align-items:center;font-size:.73rem}.bar-name{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:9px;overflow:hidden;border-radius:99px;background:var(--soft)}.bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#46cfb0)}.bar-fill.danger{background:linear-gradient(90deg,#d65c55,#f49990)}.bar-value{font-weight:800;white-space:nowrap}.chart-empty{padding:14px;color:var(--muted);font-size:.78rem;text-align:center}
.profile-card{display:flex;align-items:center;gap:13px;margin:22px 0 13px;padding:17px;border-radius:19px;color:#fff;background:linear-gradient(135deg,#097969,#054d43);box-shadow:var(--shadow)}.profile-logo{width:45px;height:45px;border-radius:14px;object-fit:cover;background:#fff}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:.96rem}.profile-card small{margin-top:4px;color:rgba(255,255,255,.78);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-group-title{margin:24px 0 6px;color:var(--muted);font-size:.72rem;font-weight:800}.setting-row{display:flex;align-items:center;gap:11px;width:100%;padding:13px 5px;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:right;background:transparent}.setting-row>span:nth-child(2){flex:1;font-size:.84rem}.setting-row small{display:block;margin-top:4px;color:var(--muted);font-size:.68rem}.setting-row>b{color:var(--muted);font-size:1.3rem}.setting-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;color:var(--green);background:var(--mint)}.logout-row{color:#a45444}.logout-row .setting-icon{color:#b55d50;background:#fbe8e5}.danger-row{color:var(--red)}.danger-row .setting-icon{color:var(--red);background:var(--red-soft)}
.dialog{width:min(460px,calc(100% - 28px));max-height:min(88vh,720px);padding:0;border:0;border-radius:22px;color:var(--ink);background:var(--card);box-shadow:0 25px 65px rgba(0,0,0,.3)}.dialog::backdrop{background:rgba(5,27,22,.58);backdrop-filter:blur(4px)}.dialog form{position:relative;display:grid;gap:14px;max-height:inherit;padding:29px;overflow:auto;background:var(--card)}.dialog h2{margin:0 0 4px;font-size:1.45rem;letter-spacing:-.05em}.dialog label{display:grid;gap:6px;color:var(--ink);font-size:.8rem;font-weight:800}.dialog label small{color:var(--muted);font-weight:400}.dialog input,.dialog select,.dialog textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--soft);font-weight:400;outline-color:var(--green)}.dialog textarea{min-height:72px;resize:vertical}.close-dialog{position:absolute;top:10px;left:12px;border:0;color:var(--muted);background:none;font-size:1.55rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.transaction-types{display:grid;grid-template-columns:1fr 1fr;gap:7px}.transaction-types button,.payment-methods button{padding:10px 6px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--soft);font-size:.72rem}.transaction-types button.active{border-color:var(--green);color:var(--green);background:var(--mint);font-weight:800}.method-field{display:grid;gap:7px;color:var(--ink);font-size:.8rem;font-weight:800}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-methods button.active{border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 4px 10px rgba(8,113,90,.16)}.form-note{margin:0;padding:10px;border-radius:11px;color:#96520b;background:var(--gold-soft);font-size:.75rem;line-height:1.6}.form-copy{margin:0;color:var(--muted);font-size:.84rem;line-height:1.7}.secondary-button{width:100%;padding:12px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--soft);font-size:.83rem;font-weight:800}.biometric-setup{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border:1px solid #78cdb9;border-radius:14px;color:var(--ink);background:var(--mint);text-align:right}.biometric-setup>span:first-child{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;color:#fff;background:var(--green);font-size:1.25rem}.biometric-setup strong,.biometric-setup small{display:block}.biometric-setup strong{font-size:.84rem}.biometric-setup small{margin-top:3px;color:var(--muted);font-size:.69rem}.danger-text-button{border:0;color:var(--red);background:transparent;font-size:.8rem;font-weight:800}.confirm-dialog form>p:not(.dialog-kicker){margin:0;color:var(--muted);font-size:.86rem;line-height:1.8}.confirm-dialog form>div{display:flex;gap:8px}.confirm-dialog button{flex:1}.cancel-confirm{padding:12px;border:0;border-radius:12px;color:var(--muted);background:var(--soft);font-weight:800}.ledger-list,.overdue-list{display:grid;gap:10px}.ledger-option{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:14px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--card);text-align:right}.ledger-option.active{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 1px rgba(8,119,101,.12)}.ledger-option strong{display:block;overflow:hidden;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.ledger-option>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;color:var(--green);background:var(--mint);font-weight:900}.ledger-option.active>span{color:#fff;background:var(--green)}.dialog-divider{height:1px;margin:3px 0;border-top:1px dashed var(--line)}.overdue-item{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.overdue-item>div{min-width:0;flex:1}.overdue-item strong{display:block;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.overdue-item small{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}.overdue-item a{padding:8px;border-radius:10px;color:#168652;background:#eaf8ef;font-size:.7rem;font-weight:900;text-decoration:none}
.boot-gate,.login-gate,.lock-gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 90% 0,rgba(71,197,169,.28),transparent 32rem),var(--bg)}.boot-gate{z-index:50;align-content:center;gap:16px;color:var(--green);text-align:center}.boot-gate img{width:76px;height:76px;border-radius:23px;object-fit:cover;box-shadow:0 16px 35px rgba(8,117,99,.2)}.boot-gate p{margin:0;color:var(--muted);font-size:.9rem;font-weight:800}.boot-spinner{width:27px;height:27px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:boot-spin .7s linear infinite}@keyframes boot-spin{to{transform:rotate(1turn)}}.lock-gate{z-index:40;background:rgba(8,27,23,.92);backdrop-filter:blur(14px)}.boot-gate[hidden],.login-gate[hidden],.lock-gate[hidden]{display:none}.login-card,.lock-card{width:min(100%,410px);padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);text-align:right}.lock-card{text-align:center}.login-brand{display:flex;align-items:center;gap:9px;color:var(--green);font-size:1.2rem;font-weight:900}.login-brand img,.lock-card>img{width:48px;height:48px;border-radius:16px;object-fit:cover;box-shadow:0 8px 18px rgba(8,117,99,.2)}.login-card h1,.lock-card h1{margin:12px 0 8px;font-size:1.78rem;letter-spacing:-.06em}.login-card>p,.lock-card>p{color:var(--muted);line-height:1.75}.login-card label{display:grid;gap:8px;margin:20px 0;color:var(--ink);font-weight:800}.login-card input,.lock-card input{width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--soft);font:inherit}.lock-card input{text-align:center;font-size:1.5rem;letter-spacing:.34em}.login-error{color:var(--red)!important;font-weight:800}.create-account{display:block;width:100%;margin-top:11px}.toast{position:fixed;z-index:60;right:50%;bottom:calc(var(--nav) + 18px);width:max-content;max-width:calc(100% - 36px);padding:11px 14px;border-radius:12px;color:#fff;background:#183b35;box-shadow:var(--shadow);transform:translateX(50%);font-size:.82rem;font-weight:800}.toast[hidden]{display:none}
.forgot-password{display:block;margin:8px auto 0;color:var(--muted)}.legal-links{display:flex;justify-content:center;gap:16px;margin-top:18px;font-size:.74rem}.legal-links a{color:var(--muted);text-underline-offset:3px}.policy-copy{max-height:48vh;overflow:auto;padding-inline:2px;color:var(--muted);font-size:.88rem;line-height:1.9}.policy-copy p{margin:0 0 14px}.policy-actions{display:grid;gap:9px}.policy-link{display:block;box-sizing:border-box;text-align:center;text-decoration:none}.danger-copy{color:var(--red)!important}.destructive-submit{background:var(--red)!important}.delete-account-dialog strong{color:var(--red)}
.trash-list{display:grid;gap:9px}.trash-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.trash-item>div{min-width:0;flex:1}.trash-item strong,.trash-item small{display:block}.trash-item strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.trash-item small{margin-top:4px;color:var(--muted);font-size:.68rem}.trash-item button{padding:8px 11px;border:0;border-radius:9px;color:#fff;background:var(--green);font-size:.72rem;font-weight:800}.trash-item button:disabled{opacity:.55}.empty-state{padding:24px 12px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.8rem;text-align:center}.help-steps{display:grid;gap:11px;margin:0;padding:0;list-style:none;counter-reset:help}.help-steps li{position:relative;padding:12px 48px 12px 12px;border:1px solid var(--line);border-radius:14px;background:var(--soft);counter-increment:help}.help-steps li:before{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:#fff;background:var(--green);content:counter(help);font-weight:900}.help-steps strong,.help-steps span{display:block}.help-steps strong{font-size:.82rem}.help-steps span{margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.55}.support-copy{margin:0;color:var(--muted);font-size:.76rem;line-height:1.7}
.pdf-statement{display:none;width:760px;padding:40px;color:#153a34;background:#fff;direction:rtl;font-family:Tahoma,"Segoe UI",Arial,sans-serif}.pdf-statement.rendering{position:fixed;z-index:-9999;top:0;left:0;display:block}.pdf-statement .pdf-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:3px solid #087765}.pdf-statement h1{margin:0;font-size:30px}.pdf-statement .pdf-meta{margin-top:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pdf-statement .pdf-meta div{padding:12px;border-radius:10px;background:#eef8f4}.pdf-statement .pdf-meta small{display:block;color:#667e78}.pdf-statement .pdf-meta strong{display:block;margin-top:4px;font-size:17px}.pdf-statement table{width:100%;margin-top:25px;border-collapse:collapse;font-size:13px}.pdf-statement th{padding:10px;color:#fff;background:#087765;text-align:right}.pdf-statement td{padding:9px;border-bottom:1px solid #d9e8e3}.pdf-statement .pdf-total{margin-top:22px;padding:17px;border-radius:12px;color:#fff;background:#04594e;font-size:20px;font-weight:900}
@media(min-width:700px){.app-shell{max-width:820px;margin:auto;border-right:1px solid var(--line);border-left:1px solid var(--line);background:var(--bg)}.topbar{padding:0 30px}.main-content{padding:16px 30px}.bottom-nav{width:820px}.summary-card{min-height:164px}.view-heading h1{font-size:2rem}.report-metrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:420px){.topbar{grid-template-columns:auto minmax(90px,1fr) auto;padding-inline:16px}.brand span{display:none}.sync-badge{display:none}.main-content{padding-inline:16px}.summary-card{padding:14px}.summary-card strong{font-size:1.06rem}.quick-row button{font-size:.67rem}.field-grid{grid-template-columns:1fr}.action-row{grid-template-columns:1fr}.bar-row{grid-template-columns:minmax(64px,1fr) minmax(66px,1fr) auto}.bar-value{font-size:.66rem}}
.license-gate{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 90% 0,rgba(71,197,169,.28),transparent 32rem),var(--bg)}.license-gate[hidden]{display:none}.license-card{width:min(100%,410px);padding:30px;border:1px solid var(--line);border-radius:28px;color:var(--ink);background:var(--card);box-shadow:var(--shadow);text-align:center}.license-card img{width:66px;height:66px;border-radius:20px;object-fit:cover;box-shadow:0 10px 24px rgba(8,117,99,.2)}.license-card h1{margin:14px 0 9px;font-size:1.65rem}.license-card>p:not(.dialog-kicker){margin:0 0 12px;color:var(--muted);line-height:1.8}.license-card>small{display:block;margin-bottom:22px;color:var(--muted);direction:ltr}.license-card .secondary-button{margin-top:9px}
.admin-row{color:var(--green)}.admin-dialog{width:min(560px,calc(100% - 28px))}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.admin-summary span{display:grid;gap:3px;padding:10px 5px;border-radius:11px;color:var(--muted);background:var(--soft);font-size:.64rem;text-align:center}.admin-summary b{color:var(--ink);font-size:1rem}.license-list{display:grid;gap:10px}.license-item{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.license-item-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.license-item-head>div{min-width:0}.license-item strong,.license-item small{display:block}.license-item strong{overflow:hidden;font-size:.8rem;direction:ltr;text-align:right;text-overflow:ellipsis;white-space:nowrap}.license-item small{margin-top:4px;color:var(--muted);font-size:.65rem}.license-item>p{margin:10px 0;color:var(--muted);font-size:.7rem}.license-chip{padding:4px 8px;border-radius:99px;color:var(--muted);background:var(--card);font-size:.65rem;font-weight:900}.license-chip.active{color:var(--green);background:var(--mint)}.license-chip.suspended,.license-chip.expired{color:var(--red);background:var(--red-soft)}.license-chip.trial{color:#9b6a0a;background:var(--gold-soft)}.license-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.license-actions button{padding:8px 5px;border:1px solid var(--line);border-radius:9px;color:var(--green);background:var(--card);font-size:.67rem;font-weight:800}.license-actions button.danger{color:var(--red)}.license-actions button:disabled{opacity:.5}
.signup-card[hidden]{display:none}.login-error[data-state="success"]{color:var(--green)!important}
.password-control{position:relative;display:block}.password-control input{padding-inline-end:48px!important}.password-toggle{position:absolute;inset-inline-end:9px;top:50%;display:grid;place-items:center;width:32px;height:32px;padding:5px;border:0;border-radius:9px;color:var(--muted);background:transparent;transform:translateY(-50%)}.password-toggle:focus-visible{outline:2px solid var(--green);outline-offset:1px}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle.is-visible .eye-slash{display:none}