:root{--ink:#182923;--muted:#7d8883;--line:#e5ebe8;--paper:#f4f7f5;--green:#123d32;--lime:#caff7e;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell>aside{position:fixed;inset:0 auto 0 0;width:230px;background:#10372e;color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand>b{background:var(--lime);color:var(--green);width:31px;height:31px;border-radius:9px 3px 9px 3px;display:grid;place-items:center}.shell aside nav{display:grid;gap:7px;margin-top:60px}.shell aside nav button{background:none;border:0;color:#b6c9c3;text-align:left;padding:13px;border-radius:9px;font-size:14px}.shell aside nav button.active{background:#285047;color:#fff}.shell aside nav button span{margin-left:13px}.shell aside nav i{float:right;background:#f5c55e;color:#5a4008;border-radius:15px;padding:2px 7px;font-style:normal}.admin{margin-top:auto;border-top:1px solid #31564d;padding-top:20px;display:flex;gap:10px;align-items:center}.admin>b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--green)}.admin>span{display:grid}.admin small{color:#9fb5ae}.admin form{margin-left:auto}.admin button{background:none;border:0;color:#b6c9c3}.shell>main{margin-left:230px;padding:0 34px 40px}.shell main>header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center}.shell main>header small{color:#9aa39f}.shell main>header h2{margin:5px 0 0}.shell main>header>.add{margin-left:auto}.add,.wide{border:0;background:var(--green);color:#fff;border-radius:9px;padding:12px 18px;font-weight:bold}.tab{display:none}.tab.active{display:block}.hero{height:174px;margin:24px 0 16px;border-radius:16px;background:#173e34;color:#fff;padding:31px 34px;display:flex;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;right:-70px;border:1px solid #426259;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.hero h1{font-size:30px;margin:8px 0}.hero p,.hero>div>small{color:#adc0ba}.hero>strong{margin-left:auto;margin-right:70px;color:var(--lime);font-size:32px;display:flex;gap:12px;align-items:center;z-index:1}.hero>strong small{color:#b5c7c1;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article,.money-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:grid;grid-template-columns:35px 1fr;align-items:center}.metrics article>span{width:30px;height:30px;border-radius:8px;background:#e6f5ee;display:grid;place-items:center;color:#28745f}.metrics article>b{grid-column:1/-1;font-size:24px;margin-top:14px}.metrics article>p{grid-column:1/-1;color:#929c98;font-size:11px;margin:7px 0 0}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.head,.page-head{display:flex;justify-content:space-between;align-items:center}.head h3,.page-head h3{margin:0 0 5px}.head p,.page-head p{margin:0;color:#929c98}.head button{border:0;background:none;color:#47655c}.bar{height:8px;background:#f1b15c;border-radius:8px;margin:22px 0 10px;overflow:hidden}.bar i{height:100%;display:block;background:#4ab184}.mini{display:flex;align-items:center;border-top:1px solid #edf0ee;padding:12px 0;gap:12px}.mini>span{background:#edf4f0;padding:10px;border-radius:8px}.mini>div{display:grid;gap:4px}.mini>div:last-child{margin-left:auto;text-align:right}.mini small{color:#8c9692;font-size:11px}.ok,.wait,.neutral,.paid,.unpaid{border:0;border-radius:20px;padding:5px 10px;font-style:normal;font-size:11px}.ok,.paid{background:#e1f4ec;color:#217658}.wait{background:#fff0dc;color:#a96619}.neutral{background:#eef1ef;color:#65716c}.unpaid{background:#fde8e3;color:#b74a36}.total{display:grid;gap:8px;margin:28px 0;padding-bottom:22px;border-bottom:1px solid var(--line)}.total small{color:#7e8984}.total b{font-size:28px}.attention{display:flex;align-items:center;gap:10px;margin-bottom:20px}.attention>span{width:30px;height:30px;border-radius:8px;background:#fff0dc;color:#bd7620;display:grid;place-items:center;font-weight:bold}.attention>div{display:grid}.attention small{color:#8c9692}.attention strong{margin-left:auto}.wide{width:100%;background:#f4f7f5;color:var(--ink);border:1px solid var(--line)}.page-head{margin:24px 0 16px}.table{padding:0;overflow:hidden}.row{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #edf0ee}.table-head{background:#f8faf9;color:#89938f;font-size:11px}.row>span:first-child{display:grid;gap:4px}.row small{color:#929c98}.drivers .row,.fines .row{grid-template-columns:1.4fr 1fr .8fr .8fr .8fr}.danger{color:#c64f35;font-weight:bold}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.money-grid article{display:grid;gap:8px}.money-grid small{color:#7d8883}.money-grid b{font-size:21px}.modal{display:none;position:fixed;inset:0;background:#102c24aa;z-index:30;place-items:center;padding:20px}.modal.open{display:grid}.modal>form{background:#fff;width:min(450px,100%);border-radius:16px;padding:28px;position:relative}.modal h2{margin:6px 0 20px}.modal label,.login-form label{display:grid;gap:7px;margin-top:13px;font-size:12px;font-weight:bold}.modal input,.modal select,.login-form input{height:44px;border:1px solid #dce3df;border-radius:9px;padding:0 12px;background:#fff}.modal form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:25px}.cancel{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 18px}.mobile-nav{display:none}.login-body{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-art{background:#123d32;color:#fff;padding:43px 58px;display:flex;flex-direction:column}.login-art>div:nth-child(2){margin:auto 0}.login-art small{color:var(--lime);letter-spacing:1.5px}.login-art h1{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-3px;margin:16px 0}.login-art p{font-size:17px;color:#b6c8c2}.login-art footer{font-size:11px;color:#9eb4ad}.login-form{display:grid;place-items:center;padding:30px}.login-form form{width:min(390px,100%)}.login-form form>small{color:#6d8e82;letter-spacing:1.5px;font-weight:bold}.login-form h2{font-size:34px;margin:8px 0}.login-form p{color:#8b9591;margin-bottom:28px}.login-form button{width:100%;height:48px;margin-top:20px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:bold}.login-form em{display:block;text-align:center;color:#9aa39f;font-size:11px;margin-top:20px}.error{color:#bd4733;margin-top:12px}.mobile-logo{display:none}
@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.finance-card{display:none}}
@media(max-width:700px){.shell>aside{display:none}.shell>main{margin:0;padding:0 14px 80px}.shell main>header{height:70px;position:sticky;top:0;background:#f4f7f5ee;z-index:5}.hero{height:180px;padding:23px}.hero h1{font-size:25px}.hero>strong{display:none}.metrics{gap:9px}.metrics article{padding:14px}.metrics article>b{font-size:19px}.mobile-nav{display:grid;position:fixed;inset:auto 0 0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);z-index:20;padding:7px}.mobile-nav button{border:0;background:none;color:#82908a;display:grid;justify-items:center;gap:3px}.mobile-nav button.active{color:#1b624f}.mobile-nav small{font-size:9px}.row{display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px}.table-head{display:none}.row>span:first-child{flex:1 0 55%}.money-grid{grid-template-columns:1fr}.page-head .add{font-size:0;width:42px;padding:11px}.page-head .add:first-letter{font-size:20px}.login-layout{grid-template-columns:1fr}.login-art{display:none}.login-form{align-items:start;padding:12vh 24px 30px}.mobile-logo{display:flex;margin-bottom:50px}.modal>form{padding:23px}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}}
.alerts{display:grid;gap:8px;margin-top:20px}.alerts>div{background:#fff6df;border:1px solid #f0dba6;border-radius:11px;padding:13px 16px;display:flex;justify-content:space-between;color:#74551d}.alerts span{font-size:12px}.profit-panel{min-height:320px}.head select,.month-form input,.month-form button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.chart{height:205px;display:flex;align-items:flex-end;gap:9px;padding:25px 4px 0;border-bottom:1px solid var(--line)}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-col i{display:block;width:min(28px,75%);min-height:3px;background:#3b9a7e;border-radius:5px 5px 1px 1px;transition:.25s}.bar-col small{font-size:9px;color:#87928d;white-space:nowrap}.chart-foot{display:flex;justify-content:space-between;margin-top:17px;color:#798580}.chart-foot i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#3b9a7e;margin-right:7px}.notice{display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-top:1px solid var(--line);padding:12px 0}.notice span{font-size:11px;color:#7c8883}.notice em{grid-row:1/3;grid-column:2;font-size:10px;align-self:center}.late{background:#fde6e2;color:#b74432;border-radius:20px;padding:5px 9px;font-style:normal}.repair{background:#e8edf8;color:#4a6497;border-radius:20px;padding:5px 9px;font-style:normal}.secondary{border:1px solid #dbe4df;background:#fff;border-radius:9px;padding:11px 16px;font-weight:bold}.page-head>div:last-child{display:flex;gap:8px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.entity-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;text-align:left;display:flex;align-items:flex-start;gap:13px;color:var(--ink)}.entity-card:hover{border-color:#a6c5bb;box-shadow:0 8px 24px #173e3410}.entity-card>div:nth-child(2){min-width:0;flex:1}.entity-card h3{margin:2px 0 5px;font-size:15px}.entity-card p{margin:0 0 8px;color:#53625c}.entity-card small{color:#8b9691}.entity-icon,.avatar{width:38px;height:38px;border-radius:9px;background:#e9f3ef;color:#25624f;display:grid;place-items:center;font-weight:bold}.avatar{border-radius:50%;background:#d6f39d}.entity-card>em{margin-left:auto;white-space:nowrap}.driver-card i{display:block;height:4px;background:#edf1ef;border-radius:6px;margin-top:9px;overflow:hidden}.driver-card i span{display:block;height:100%;background:#57b48f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.deposit-hint{background:#eef7f3;border-radius:8px;padding:11px;color:#477064;font-size:11px;margin-top:13px}.month-form{display:flex;gap:8px}.ledger{overflow:auto;padding:0}.ledger-top,.ledger-row{display:grid;grid-template-columns:190px repeat(31,42px);min-width:1492px}.ledger-top{position:sticky;top:0;background:#f8faf9;z-index:2}.ledger-top>*{padding:11px 5px;text-align:center;color:#83908a;font-size:10px;border-right:1px solid #edf0ee}.ledger-row{border-top:1px solid #edf0ee}.person-mini{position:sticky;left:0;background:#fff;z-index:1;border:0;text-align:left;padding:10px 14px;display:grid}.person-mini small{color:#87928d}.day-cell{border:0;border-right:1px solid #edf0ee;background:#fff;color:#b5bdb9}.day-cell:hover{background:#edf7f3;color:#1e6e57}.day-cell.filled{background:#e6f4ee;color:#267359;font-weight:bold}.day-cell.off{background:#f3f3f3;color:#89928e}.ledger-help{font-size:11px;color:#78847f}.money-grid article{grid-template-columns:1fr}.finance-tabs{display:flex;gap:4px;margin-bottom:10px}.finance-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:8px;color:#77847e}.finance-tabs button.active{background:#fff;color:#194d3f;font-weight:bold}.finance-list{padding:0}.finance-list.hidden{display:none}.finance-item{display:grid;grid-template-columns:36px minmax(180px,1fr) auto auto minmax(185px,auto);gap:13px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.finance-item>div{display:grid;gap:3px}.finance-item small,.finance-item em{font-size:11px;color:#87928d;font-style:normal}.finance-icon{width:32px;height:32px;display:grid;place-items:center;background:#fff0dc;color:#b56d19;border-radius:8px;font-weight:bold}.finance-icon.done{background:#e1f4ec;color:#27785d}.finance-item form{display:flex;gap:6px}.finance-item select{border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff;font-size:11px}.small-action{border:0;background:var(--green);color:#fff;border-radius:7px;padding:7px 10px}.timeline{padding:4px 20px}.timeline>div{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline>div>span{width:31px;height:31px;border-radius:50%;background:#d9f29e;display:grid;place-items:center;font-weight:bold}.timeline p{margin:0;display:grid;gap:4px}.timeline small{color:#87928d}.empty{color:#87928d;text-align:center;padding:30px}
@media(max-width:1100px){.card-grid{grid-template-columns:1fr 1fr}.finance-item{grid-template-columns:36px 1fr auto}.finance-item>span:nth-of-type(2){display:none}.finance-item form{grid-column:2/4}}
@media(max-width:700px){.card-grid{grid-template-columns:1fr}.alerts>div{display:grid;gap:5px}.chart{gap:4px}.bar-col:nth-child(odd) small{display:none}.form-grid{grid-template-columns:1fr}.finance-item{grid-template-columns:32px 1fr auto;padding:13px 10px}.finance-item form{grid-column:1/4}.finance-item select{flex:1}.mobile-nav{grid-template-columns:repeat(5,1fr)}.page-head>div:last-child .secondary{font-size:0;width:42px}.page-head>div:last-child .secondary:first-letter{font-size:18px}}
.brand-home{border:0;background:transparent;color:#fff;padding:0}.shell main>header>.history-toggle{margin-left:auto;margin-right:9px;width:41px;height:41px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:21px;color:#315e51}.shell main>header>.add{margin-left:0}.compact-metrics{grid-template-columns:1.3fr 1fr 1fr}.compact-metrics>button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;text-align:left;display:grid;grid-template-columns:35px 1fr;align-items:center;color:var(--ink)}.compact-metrics>button:hover{border-color:#9ec0b5}.compact-metrics>button>span{width:30px;height:30px;border-radius:8px;background:#e6f5ee;display:grid;place-items:center}.compact-metrics>button>b{grid-column:1/-1;font-size:24px;margin-top:14px}.compact-metrics>button>p{grid-column:1/-1;color:#7e8984;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 5px 0 8px}.dot:first-child{margin-left:0}.blue-dot{background:#7b94c7}.chart-controls{display:flex;gap:5px}.chart-controls button{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px}.accrual-tools,.month-switch{display:flex;gap:8px;align-items:center}.accrual-tools>select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.month-switch{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.month-switch a{padding:9px 13px;text-decoration:none;color:#1c5948;font-size:18px}.month-switch b{font-size:12px}.legend{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.legend span{font-size:10px;border-radius:15px;padding:5px 9px}.paid-cell,.day-cell.paid-day{background:#daf2e8;color:#1e7358}.off-cell,.day-cell.off-day{background:#fff0b9;color:#8b6613}.special-cell,.day-cell.special-day{background:#dcefff;color:#376c98}.deposit-cell,.day-cell.deposit-day{background:#fde0dc;color:#b43d32}.ledger-top,.ledger-row{grid-template-columns:210px repeat(31,76px);min-width:2566px}.day-cell{min-height:58px;font-size:10px;padding:3px}.person-mini em{font-style:normal;color:#295f50;font-size:10px;margin-top:3px}.modal>form{width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto;margin:auto}.modal form>.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:0;justify-content:initial}.modal form>.deposit-hint{display:block;margin-top:13px}.modal form>.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.finance-tabs select{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px}.copy-uin{border:0;background:#e8f2ee;color:#28604f;border-radius:5px;font-size:9px}.edit-icon{border:0;cursor:pointer}.undo-btn,.timeline form button{border:1px solid #d9e3df;background:#fff;border-radius:7px;padding:7px 10px;color:#285c4c}.timeline form{margin-left:auto}.history-drawer{position:fixed;z-index:50;right:-440px;top:0;width:min(420px,94vw);height:100vh;background:#fff;box-shadow:-20px 0 60px #102c2430;padding:22px;transition:.25s;overflow:auto}.history-drawer.open{right:0}.drawer-shade{display:none;position:fixed;z-index:49;inset:0;background:#102c2455}.drawer-shade.open{display:block}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-head h2{margin:5px 0}.drawer-head button{border:0;background:none;font-size:25px}.drawer-action{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.drawer-action>span{width:30px;height:30px;border-radius:50%;background:#d9f29e;display:grid;place-items:center;font-weight:bold}.drawer-action p{margin:0;display:grid;gap:3px;flex:1}.drawer-action small,.drawer-action em{font-size:10px;color:#7d8984;font-style:normal}.drawer-action form button{border:0;background:#f0f5f3;border-radius:6px;padding:6px;font-size:10px}
@media(max-width:900px){.compact-metrics{grid-template-columns:1fr}.ledger-top,.ledger-row{grid-template-columns:180px repeat(31,72px)}}
@media(max-width:700px){.modal form>.form-grid{grid-template-columns:1fr}.accrual-tools{align-items:flex-end;flex-direction:column}.compact-metrics>button>b{font-size:20px}.history-toggle{margin-left:auto!important}.chart-controls select{max-width:120px}}
.grid.single-grid{grid-template-columns:1fr}.card-history{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.card-history:empty{display:none}.card-history h4{margin:0 0 9px}.card-history>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0ee}.card-history span,.card-history p{font-size:11px;color:#7d8883}.danger-zone{display:flex;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.danger-zone button{border:1px solid #dbe3df;background:#fff;border-radius:8px;padding:9px 12px;color:#50615b}.danger-zone .delete-action{color:#b64032;border-color:#efd0ca;margin-left:auto}.confirm-modal p{color:#74817c;line-height:1.5}.driver-card[hidden]{display:none}
.ledger-row[hidden],.finance-item[hidden]{display:none!important}.finance-item[data-edit-row]{cursor:pointer}.finance-item[data-edit-row]:hover{background:#f8fbf9}.card-history .history-subhead{margin-top:18px}
.card-history{display:grid;gap:8px}.history-group{border:1px solid var(--line);border-radius:10px;background:#f8faf9;overflow:hidden}.history-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:bold;cursor:pointer}.history-group summary::-webkit-details-marker{display:none}.history-group summary:after{content:'⌄';margin-left:10px;color:#537068;transition:.2s}.history-group[open] summary:after{transform:rotate(180deg)}.history-group summary small{margin-left:auto;color:#87928d;font-weight:normal}.history-group-list{padding:0 14px 10px}.history-group-list>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid #e5ebe8}.history-group-list span,.history-group-list p{font-size:11px;color:#7d8883;text-align:right}.history-group-list p{text-align:left}
.history-group-list{max-height:330px;overflow:auto}.unpaid-history summary{color:#ad4436}.unpaid-history-row form{display:flex;gap:5px}.unpaid-history-row select,.unpaid-history-row button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px;font-size:10px}.unpaid-history-row button{background:var(--green);color:#fff}.deposit-plus{color:#217658}.deposit-minus{color:#b64032}.document-alerts>div{border-color:#e5c277;background:#fff8e8}
.alerts .alert-row{padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden}.alert-main{border:0;background:transparent;padding:13px 16px;display:flex;justify-content:space-between;text-align:left;color:inherit;cursor:pointer}.alert-main:hover{background:#fffbef}.alert-close{border:0;background:transparent;color:#9b7a36;font-size:22px;padding:10px 16px;cursor:pointer}.alert-close:hover{background:#f7e8c4}.chart{gap:5px}.bar-col{min-width:0}.bar-col i{width:min(20px,78%)}.chart-foot b{font-size:22px;color:var(--ink)}.chart-controls{align-items:center}.chart-controls b{min-width:115px;text-align:center;font-size:12px;text-transform:capitalize}.history-group summary:after{content:'↗'}.history-group[open] summary:after{transform:none}.history-dialog{background:#fff;width:min(620px,calc(100vw - 32px));max-height:86vh;overflow:auto;border-radius:16px;padding:28px;position:relative}.history-dialog h2{margin:6px 0 20px}.history-dialog .history-group-list{max-height:62vh;padding:0}.history-dialog .history-group-list>div:first-child{border-top:0}
@media(max-width:700px){.alert-main{display:grid;gap:5px}.chart{gap:2px}.bar-col i{width:72%}.bar-col:nth-child(odd) small{display:block}.bar-col small{font-size:8px}.danger-zone{flex-wrap:wrap}.history-dialog{padding:22px}}
.bar-col{height:100%;justify-content:initial}.bar-track{height:calc(100% - 20px);width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-track i{display:block;flex:none}.car-tools{display:flex;gap:8px;align-items:center}.car-tools select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px}.car-card[hidden]{display:none!important}
@media(max-width:700px){.car-tools{align-items:stretch;flex-direction:column}.car-tools select{max-width:180px}.bar-track{height:calc(100% - 18px)}}