@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-arabic-600-normal-rkrvveqO.woff2)format("woff2"),url(/assets/cairo-arabic-600-normal-B3EOalmC.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2)format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff)format("woff")}:root{color:#24382e;font-synthesis:none;--green:#176b50;--muted:#8a958e;--border:#e9ece6;background:#f6f7f3;font-family:Noto Sans Arabic,Tahoma,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit;background:0 0;border:0}input,select,textarea{background:var(--surface);color:#263c31;border:1px solid #dfe5dd;border-radius:9px;width:100%;padding:11px 13px}input[type=month]{background:0 0;border:none;width:165px;padding:7px 10px;font-size:13px}label{margin:15px 0;font-size:12px;font-weight:600;display:block}label input,label select,label textarea{margin-top:7px;display:block}textarea{resize:vertical;min-height:85px}h1,h2,h3,p{margin:0}h3{font-size:15px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:none;width:242px;height:100vh;padding:34px 22px 0;display:flex;position:fixed;top:0;right:0}.brand{color:#195b45;align-items:center;gap:11px;font-size:23px;font-weight:800;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand small{color:#95a197;margin-top:-3px;font-size:10px;font-weight:400;display:block}.nav-label{color:#a0aaa2;margin:45px 12px 12px;font-size:10px}nav{gap:9px;display:grid}nav button{text-align:right;color:#839087;border-radius:9px;align-items:center;gap:12px;padding:13px 15px;font-size:12px;display:flex}nav button.selected{color:#246647;background:#edf5ed;font-weight:700}nav button i{background:#32734b;border-radius:50%;width:6px;height:6px;margin-right:auto}nav button:hover{background:#f0f5ee}.sidebar-note{background:#f6f7ed;border:1px solid #eff0df;border-radius:12px;margin-top:auto;padding:19px 15px}.note-icon{color:#a08c54;margin-bottom:6px;font-size:25px}.sidebar-note strong{font-size:11px}.sidebar-note p{color:#91967e;margin-top:6px;font-size:10px}.profile{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:24px;padding:22px 0;display:flex}.avatar{color:#3d6553;background:#e8efdf;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.profile strong{font-size:11px}.profile small{color:var(--muted);font-size:9px;display:block}.profile button{color:#95a196;margin-right:auto}.topbar{border-bottom:1px solid var(--border);background:#ffffffb3;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex}.breadcrumb{color:#99a298;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#52685a;font-weight:500}.sync-pill{color:#54815e;background:#f5f8ef;border:1px solid #dce8d9;border-radius:20px;align-items:center;gap:7px;padding:7px 13px;font-size:10px;display:flex}.content{max-width:1450px;margin:auto;padding:33px 42px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#8c998d;margin-bottom:6px;font-size:10px}.page-heading p{margin-top:6px}.primary{background:var(--green);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 3px 6px #155c3710}.secondary{background:var(--surface);border:1px solid #dce4da;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:11px;display:inline-flex}.wide{width:100%}.period-bar{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:11px;display:flex}.period-bar>div:first-child{color:#879085;align-items:center;gap:8px;display:flex}.period-dot{background:#599c68;border-radius:50%;width:6px;height:6px}.currency-toggle{background:#eff2eb;border:1px solid #e3e8df;border-radius:8px;padding:3px;display:flex}.currency-toggle button{color:#8c968a;border-radius:5px;padding:5px 14px;font-size:10px}.currency-toggle button.active{background:var(--surface);color:#41614b;box-shadow:0 1px 3px #00000009}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:20px}.stat-top{color:#819083;justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.stat-top>span{color:#578064;background:#edf3e9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.stat-top>span.orange{color:#bf9258;background:#fcf1e3}.stat-top>span.purple{color:#9c8cbd;background:#f0eef9}.stat>strong{letter-spacing:-.6px;white-space:nowrap;margin:12px 0 17px;font-family:Tahoma,sans-serif;font-size:26px;display:block}.stat strong small{color:#899489;letter-spacing:0;font-family:Noto Sans Arabic,Tahoma;font-size:10px;font-weight:400}.stat-bottom{color:#98a091;border-top:1px solid #f0f2ed;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;display:flex}.stat.featured{color:#fff;background:#176b50;border-color:#176b50}.featured .stat-top,.featured strong small{color:#c0dacb}.featured .stat-top>span{color:#d0e4d8;background:#ffffff18}.featured .stat-bottom{color:#c0d8ca;border-color:#ffffff1c}.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:22px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:22px 23px 18px;display:flex}.panel-heading p{margin-top:4px;font-size:10px}.text-button{color:#54795d;white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:inline-flex}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%}th{color:#9aa398;background:#fafbf8;border-top:1px solid #f1f3ed;border-bottom:1px solid #f1f3ed;padding:12px 19px;font-size:9px;font-weight:500}td{border-bottom:1px solid #f1f3ed;padding:15px 19px;font-size:11px}tr:last-child td{border-bottom:0}td small{color:#9da698;margin-top:3px;font-size:9px;display:block}.entry-title{text-align:right;align-items:center;gap:10px;padding:0;display:flex}.entry-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.badge{color:#a78a61;white-space:nowrap;background:#f8f1e7;border-radius:5px;padding:3px 10px;font-size:9px}.money-cell{text-align:right;direction:ltr;font-weight:600}.money-cell small{font-weight:400;display:inline}.icon-button{border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.muted{color:#bbc2b7}.icon-button:hover{color:#ad694e;background:#f5eee8}.distribution{padding-bottom:20px}.donut{border-radius:50%;place-items:center;width:178px;height:178px;margin:14px auto 23px;display:grid;transform:rotate(-90deg)}.donut>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:143px;height:143px;display:flex;transform:rotate(90deg)}.donut strong{margin:8px 0 1px;font-family:Tahoma;font-size:24px}.donut small{color:#9ba492;font-size:9px}.legend{justify-content:space-around;gap:10px;padding:0 20px;display:flex}.legend>span{color:#8d9989;align-items:center;gap:7px;font-size:10px;display:flex}.legend i{background:#176b50;border-radius:3px;width:7px;height:7px}.legend b{color:#52654f;margin-right:10px;font-family:Tahoma;font-size:11px}.bottom-grid{grid-template-columns:1.3fr 1fr;gap:22px;margin-top:22px;display:grid}.debt-summary .panel-heading{padding-bottom:12px}.debt-pair{grid-template-columns:1fr 1fr;gap:20px;padding:0 23px 24px;display:grid}.debt-pair>div{align-items:center;gap:11px;display:flex}.debt-pair>div+div{border-right:1px solid #edf0e8;padding-right:20px}.round-icon{color:#70936a;background:#eef4e9;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.round-icon.peach{color:#b38d5f;background:#fcf0e5}.debt-pair strong{margin-top:6px;font-family:Tahoma;font-size:20px;display:block}.debt-pair em{color:#929c8a;font-family:Tahoma;font-size:10px;font-style:normal;font-weight:400}.tip-panel{background:#edf2e7;border:1px solid #e4ebdb;border-radius:13px;align-items:center;gap:18px;padding:24px;display:flex}.tip-panel>span{color:#849763;font-size:34px}.tip-panel p{color:#8d9980;margin-top:7px;font-size:10px}.tip-panel button{color:#819567;background:#ffffff9e;border:1px solid #dae5cd;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}footer{color:#7e8c74;border-top:1px solid #e9ede3;align-items:center;gap:12px;margin-top:34px;padding:19px 0;font-size:11px;display:flex}footer span{color:#a3ab9c;font-size:9px}footer small{color:#abb2a5;margin-right:auto;font-size:9px}.table-tools{flex-wrap:wrap;gap:12px;padding:20px;display:flex}.search{color:#94a08b;border:1px solid #e1e7dc;border-radius:8px;flex:1;align-items:center;min-width:180px;padding:0 12px;display:flex}.search input{background:0 0;border:none;font-size:11px}.table-footer{color:#839079;border-top:1px solid #edf0e8;justify-content:space-between;padding:18px 23px;font-size:11px;display:flex}.empty{text-align:center;color:#93a186;grid-column:1/-1;padding:45px 24px}.empty>span{background:#f1f5eb;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:16px;display:inline-grid}.empty p{margin-top:7px;font-size:11px}.tabs{gap:8px;margin-bottom:15px;display:flex}.tabs button{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 19px;font-size:12px}.tabs .active{color:#176b50;background:#eaf2e4;border-color:#cbdcc2}.helper{color:#8e9a86;margin:12px 0;font-size:11px;line-height:1.9}.debt-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.debt-card{padding:22px}.debt-person{align-items:center;gap:10px;margin-bottom:25px;display:flex}.debt-person .badge{margin-right:auto}.debt-card>small{color:#96a18b}.debt-amount{margin:7px 0 20px;font-family:Tahoma;font-size:28px;display:block}.debt-amount small{color:#98a28f;font-weight:400}.debt-meta{color:#94a088;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}progress{accent-color:#176b50;border-radius:5px;width:100%;height:6px}.debt-actions{align-items:center;gap:10px;margin-top:20px;display:flex}.payment{color:#8f9b83;border-bottom:1px solid #edf0e6;justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-card{padding:25px}.setting-link{align-items:center;gap:12px;width:100%;padding:13px 0;font-size:12px;display:flex}.setting-link>svg:last-child,.setting-link span{margin-right:auto}.setting-link span{color:#8f9b83;font-size:10px}hr{border:0;border-top:1px solid #edf0e6;margin:23px 0}.admin-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.admin-stats>div{padding:23px}.admin-stats small{color:#8b9983}.admin-stats strong{color:#2d694d;margin-top:10px;font-size:32px;display:block}.actions{gap:10px;display:flex}.trash-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.trash-row small{color:#94a087;margin-top:6px;display:block}.warning{color:#98723e;background:#fff2df;border:1px solid #f2dbb5;border-radius:9px;margin-bottom:20px;padding:13px 18px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#172f2566;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:18px;width:480px;max-width:100%;max-height:93vh;padding:27px;overflow:auto;box-shadow:0 22px 80px #1b352429}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.type-select{background:#f3f5ef;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.type-select button{border-radius:6px;padding:9px;font-size:12px}.type-select button.active{background:var(--surface);color:#176b50;box-shadow:0 2px 4px #00000008}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-row label{margin-top:0}details{color:#73866a;margin:10px 0 18px;font-size:12px}summary{cursor:pointer}.amount-preview{color:#7c8b71;background:#f3f6ee;border-radius:8px;justify-content:space-between;margin-bottom:19px;padding:13px;font-size:11px;display:flex}.amount-preview strong{color:#366447}.toast{color:#fff;z-index:80;text-align:center;background:#233d2e;border-radius:10px;max-width:90vw;padding:14px 24px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.loading{color:#176b50;place-items:center;min-height:100vh;font-size:25px;display:grid}.login-shell{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1120px;min-height:100vh;margin:auto;padding:55px;display:grid}.login-story .brand{margin-bottom:58px}.login-story h1{color:#1b6146;font-size:49px;line-height:1.6}.login-story p{color:#87967c;margin:22px 0 35px;font-size:14px}.story-card{background:#eaf0e1;border:1px solid #e0e8d5;border-radius:17px;max-width:360px;margin-bottom:30px;padding:25px}.story-card>span{color:#8c9b7b;font-size:10px}.story-card strong{color:#536f43;margin-top:9px;font-size:15px;display:block}.story-bars{color:#729568;letter-spacing:7px;direction:ltr;margin-top:15px;font-size:42px}.login-story>small{color:#a0aa93;font-size:11px}.login-card{background:var(--surface);border:1px solid #e3e9dc;border-radius:19px;padding:38px;box-shadow:0 10px 50px #233e2b05}.login-card h2{margin:12px 0;font-size:24px}.login-card>p{margin-bottom:30px}.login-card>.primary{margin-top:15px}.login-card .helper{text-align:center;margin:20px 0}.login-card>small{color:#a1ac96;text-align:center;border-top:1px solid #edf0e6;padding-top:20px;font-size:9px;display:block}@media (width>=1600px){.content{padding-top:45px}.stats{gap:23px}.stat{padding:25px}.stat>strong{font-size:31px}.dashboard-grid{margin-top:30px}td{padding-top:20px;padding-bottom:20px}.donut{width:200px;height:200px;margin-top:35px;margin-bottom:32px}.donut>div{width:163px;height:163px}}@media (width<=1150px){.sidebar{width:200px;padding:27px 15px 0}main{width:calc(100% - 200px);margin-right:200px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:15px}.stat>strong{font-size:22px}.stat-top{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) 250px;gap:14px}.bottom-grid{gap:14px}.panel-heading{padding:18px}td,th{padding-left:12px;padding-right:12px}.stat-bottom{font-size:8px}.debt-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.sidebar{width:78px;padding:24px 10px}.brand{justify-content:center}.sidebar .brand>div,.nav-label,.sidebar-note,.profile>div,.profile>.avatar{display:none}.sidebar .brand-icon{width:40px;height:40px}.sidebar nav{margin-top:45px}.sidebar nav button{justify-content:center;gap:0;padding:15px;font-size:0}.sidebar nav button i{display:none}.profile{justify-content:center;margin-top:auto}.profile button{margin:0}main{width:calc(100% - 78px);margin-right:78px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.distribution{display:none}.bottom-grid{grid-template-columns:1fr}.login-shell{gap:30px;padding:35px}.login-story h1{font-size:35px}.login-card{padding:25px}.settings-grid{grid-template-columns:1fr}}@media (width<=560px){.sidebar{z-index:20;border-top:1px solid #e4eadc;border-left:0;width:100%;height:70px;padding:0 5px;display:block;position:fixed;top:auto;bottom:0}.sidebar>.brand,.sidebar>.profile{display:none}.sidebar nav{justify-content:space-around;align-items:center;gap:0;height:100%;margin:0;display:flex}.sidebar nav button{border-radius:8px;flex-direction:column;gap:5px;min-width:60px;padding:8px 10px;font-size:8px}.sidebar nav button svg{width:19px;height:19px}main{width:100%;margin:0}.topbar{height:57px;padding:0 18px}.content{padding:24px 16px 80px}.page-heading{align-items:center;gap:10px;margin-bottom:21px}h1{font-size:23px}.page-heading p{max-width:240px;font-size:10px}.eyebrow{font-size:9px}.primary{white-space:nowrap;padding:10px 13px;font-size:10px}.page-heading .primary svg{width:15px}.period-bar{gap:4px;font-size:9px}.period-bar>div:first-child{gap:3px}.period-bar input{width:126px;padding:5px;font-size:11px}.currency-toggle button{padding:5px 8px;font-size:8px}.stats{gap:10px;margin-bottom:16px}.stat{padding:15px 13px}.stat-top{font-size:10px}.stat-top>span{width:29px;height:29px}.stat>strong{margin:13px 0;font-size:24px}.stat-bottom{min-height:30px;font-size:8px;line-height:1.8}.panel-heading{padding:18px 15px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}td,th{padding:13px 10px}.entry-title{gap:7px}.entry-title strong{font-size:10px}.entry-icon{width:29px;height:29px}.activity td:nth-child(3),.activity th:nth-child(3),.activity td:last-child,.activity th:last-child{display:none}.badge{padding:3px 7px;font-size:8px}.money-cell{font-size:10px}.bottom-grid{margin-top:16px}.debt-pair{gap:12px;padding:0 17px 20px}.debt-pair strong{font-size:20px}.tip-panel{padding:20px}footer{flex-wrap:wrap;margin-top:25px}footer small{font-size:8px}.debt-cards{grid-template-columns:1fr}.table-tools{gap:8px;padding:14px}.table-tools select{width:115px}.search{flex:none;min-width:100%}.admin-stats{gap:8px}.admin-stats>div{padding:14px 10px}.admin-stats small{font-size:9px}.admin-stats strong{font-size:25px}.actions{gap:5px}.actions button{padding:8px;font-size:9px}.tabs button{padding:10px 12px;font-size:10px}.login-shell{flex-direction:column;gap:20px;padding:30px 20px;display:flex}.login-story{width:100%}.login-story .brand{justify-content:flex-start;margin-bottom:15px;font-size:22px}.login-story h1{font-size:30px;line-height:1.4}.login-story h1 br,.login-story p,.story-card,.login-story>small{display:none}.login-card{width:100%;padding:26px}.login-card h2{font-size:22px}.modal{padding:22px}.modal-backdrop{padding:12px}.toast{width:max-content;max-width:90vw;bottom:85px}.tabs{gap:5px}.form-row{gap:10px}}@media print{.sidebar,.topbar,.page-heading>.primary,.table-tools,.icon-button,footer,.modal-backdrop,.toast{display:none!important}main{width:100%;margin:0}.content{padding:0}.panel{border:0}.page-heading{margin:20px 0}body{background:var(--bg)}.currency-toggle{display:none}.table-scroll{overflow:visible}}.overall-strip{color:#91a083;background:#f0f4e9;border:1px solid #e5eadf;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin:-4px 0 21px;padding:14px 17px;font-size:10px;display:flex}.overall-strip strong{color:#486a42;margin-right:10px;font-size:13px}.checkbox-label{align-items:center;gap:10px;font-size:11px;display:flex}.checkbox-label input{accent-color:#176b50;width:auto;margin:0}.item-list{background:#f6f8f1;border-radius:9px;margin-bottom:18px;padding:12px}.item-row{grid-template-columns:1fr 1fr 90px 25px;gap:5px;margin-bottom:8px;display:grid}.item-row input{min-width:0;padding:8px;font-size:10px}.receipt-preview img{border-radius:9px;max-width:100%;max-height:220px;margin:10px 0;display:block}.due-alert{color:#b47b3d;background:#fff4e6;border-radius:6px;margin:10px 0;padding:8px;font-size:10px}@media (width<=560px){.overall-strip{font-size:9px;display:block}.overall-strip>span{margin:4px 0;display:block}.overall-strip strong{font-size:12px}.item-row{grid-template-columns:1fr 1fr 75px 20px}}:root{background:var(--surface-2);color:var(--text);--green:var(--brand);--muted:var(--muted);--border:var(--line);font-family:Cairo,Tahoma,Segoe UI,sans-serif}body{background:var(--bg)}h1{letter-spacing:0;font-size:32px;font-weight:800}h2{font-size:21px;font-weight:800}h3{font-size:18px;font-weight:800}p{color:var(--muted);font-size:15px;line-height:1.9}small{font-size:13px}button,input,select,textarea{font-family:Cairo,Tahoma,Segoe UI,sans-serif}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #38bdf8}input,select,textarea{border-color:var(--line-2);min-height:48px;color:var(--text);border-radius:12px;padding:12px 14px;font-size:15px}label{margin:17px 0;font-size:15px;font-weight:700}.sidebar{background:linear-gradient(170deg,var(--brand),var(--brand-dark) 70%,var(--brand-deep));border:0;width:250px;padding:30px 20px 0}.brand{color:#fff;font-size:27px}.brand-icon{background:var(--brand-bright);border-radius:16px;width:48px;height:48px;box-shadow:0 4px 10px #00395428}.brand small{color:#d2efff;font-size:12px}.nav-label{color:#a9dcf7;margin-top:38px;font-size:12px}nav{gap:12px}nav button{color:var(--brand-soft);border-radius:15px;padding:16px 14px;font-size:16px;font-weight:700}nav button.selected{background:var(--surface);color:var(--brand-dark);box-shadow:0 3px 9px #01436725}nav button:hover{color:#fff;background:#ffffff20}nav button.selected:hover{background:var(--brand-softer);color:var(--brand-dark)}nav button i{display:none}.sidebar-note{background:#ffffff14;border:1px solid #ffffff30;border-radius:18px;padding:20px 15px}.note-icon{color:var(--brand-border)}.sidebar-note strong{color:#fff;font-size:14px}.sidebar-note p{color:#c1e3f6;font-size:12px}.profile{border-color:#ffffff30}.profile strong{color:#fff;font-size:14px}.profile small{color:#b7ddf1;font-size:11px}.profile button{color:#fff}.avatar{background:var(--brand-soft);color:var(--brand-dark);width:42px;height:42px}.topbar{background:var(--surface);height:76px;padding:0 36px;box-shadow:0 1px 4px #0f172a05}.breadcrumb{color:var(--muted);font-size:14px}.breadcrumb strong{color:var(--text-2)}.sync-pill{border-color:var(--brand-border);background:var(--brand-softer);color:var(--brand-dark);padding:8px 14px;font-size:12px}.sync-pill.offline{color:#9a3412;background:#fff7ed;border-color:#fed7aa}main{width:calc(100% - 250px);margin-right:250px}.content{max-width:1480px;padding:30px 36px 0}.page-heading{margin-bottom:26px}.eyebrow{color:var(--muted);font-size:13px}.page-heading p{color:var(--muted);font-size:15px}.primary{background:var(--brand);border-radius:12px;min-height:48px;padding:12px 21px;font-size:16px;font-weight:700;box-shadow:0 3px 8px #0284c71a}.primary:hover{background:var(--brand-text)}.secondary{border-color:var(--line-2);border-radius:10px;min-height:42px;padding:10px 15px;font-size:14px}.secondary:hover{background:var(--brand-softer)}.text-button{color:var(--brand);font-size:13px;font-weight:700}.quick-grid{background:linear-gradient(120deg,var(--brand),var(--brand-dark));border-radius:22px;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px;padding:22px;display:grid}.quick-grid>button{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 10px;display:flex;box-shadow:0 3px 8px #00354c20}.quick-grid>button:hover{background:var(--brand-softer);transform:translateY(-2px)}.quick-icon{border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:2px;display:grid}.quick-icon svg{width:27px;height:27px}.cyan{background:var(--brand-soft);color:var(--brand-dark)}.violet{color:#8b5cf6;background:#ede9fe}.mint{color:#0f766e;background:#ccfbf1}.amber{color:#c27808;background:#ffedd5}.quick-grid strong{color:var(--text-2);font-size:18px;font-weight:800}.quick-grid small{color:var(--muted);font-size:12px}.period-bar{gap:15px;margin-bottom:22px;font-size:14px}.period-bar>div:first-child{color:var(--text-2)}.period-dot{background:var(--brand-bright)}.period-bar input{width:175px;color:var(--text-2);font-size:14px}.currency-toggle{background:var(--line);border-color:#dbe3ed;border-radius:12px}.currency-toggle button{color:var(--muted);padding:7px 15px;font-size:12px}.currency-toggle button.active{color:var(--brand-dark);border-radius:8px}.overall-strip{color:#4f46a0;background:#eef2ff;border:2px solid #a5b4fc;border-radius:18px;padding:17px 20px;font-size:13px}.overall-strip strong{color:#4338ca;margin-right:10px;font-size:21px;font-weight:800}.stats{gap:20px;margin-bottom:25px}.stat,.stat.featured{background:var(--surface);border:1px solid var(--line);color:var(--text);--accent:var(--brand-bright);border-radius:23px;flex-direction:column;justify-content:center;align-items:center;padding:24px 15px 18px;display:flex;box-shadow:0 2px 5px #0f172a10}.stat:nth-child(2){--accent:#f59e0b}.stat:nth-child(3){--accent:#9450f5}.stat:nth-child(4){--accent:#10b981}.stat>strong{border:5px solid var(--accent);letter-spacing:0;width:100%;max-width:260px;min-height:100px;color:var(--accent);border-radius:22px;flex-wrap:wrap;order:1;justify-content:center;align-items:center;gap:7px;margin:0 0 15px;padding:12px 5px;font-family:Cairo,Tahoma,sans-serif;font-size:clamp(21px,2vw,34px);font-weight:800;line-height:1.8;display:flex}.stat strong small,.featured strong small{color:var(--muted);font-family:Cairo,Tahoma,sans-serif;font-size:13px;font-weight:600}.stat-top{color:#273449;text-align:center;order:2;font-size:18px;font-weight:800;display:block}.stat-top>span{display:none}.stat-bottom,.featured .stat-bottom{color:#94a3b8;text-align:center;border:0;order:3;padding-top:10px;font-size:11px;display:block}.stat-bottom svg{display:none}.panel{border-color:var(--line);border-radius:22px;box-shadow:0 2px 5px #0f172a08}.panel-heading{padding:23px 24px}.panel-heading p{color:var(--muted);font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:23px}th{color:var(--muted);background:var(--surface-2);border-color:var(--line);padding:15px 16px;font-size:12px;font-weight:700}td{border-color:#edf2f7;padding:17px 16px;font-size:14px}td small{color:var(--muted);font-size:11px}.entry-title{gap:12px}.entry-title strong{font-size:14px;font-weight:700}.entry-icon{border-radius:12px;width:42px;height:42px}.green{color:#059669;background:#ecfdf5}.peach{color:#d97706;background:#fff7ed}.lavender{color:#9333ea;background:#f3e8ff}.badge{padding:5px 12px;font-size:11px;font-weight:700}.purple-badge{color:#7c3aed;background:#f3e8ff}.date-cell{color:var(--muted);font-family:Cairo,sans-serif;font-size:12px}.money-cell{font-size:14px;font-weight:800}.money-cell small{font-size:10px;font-weight:600}.positive{color:#059669}.donut{width:190px;height:190px;margin:18px auto 26px}.donut>div{width:151px;height:151px}.donut span{color:var(--muted);font-size:12px}.donut strong{font-family:Cairo,sans-serif;font-size:26px;font-weight:800}.donut small{font-size:11px}.legend{padding:0 18px}.legend>span{color:var(--text-2);font-size:13px}.legend b{color:var(--text);font-size:13px}.legend i{background:var(--brand-bright)}.legend>span:nth-child(2) i{background:#9450f5}.bottom-grid{gap:23px}.debt-pair strong{color:#0f766e;font-family:Cairo,sans-serif;font-size:26px;font-weight:800}.debt-pair>div:nth-child(2) strong{color:#d97706}.debt-pair small{color:var(--text-2);font-size:14px}.debt-pair em{font-size:12px}.round-icon{color:#0f766e;background:#ccfbf1;width:45px;height:45px}.tip-panel{background:var(--brand-softer);border:2px solid var(--brand-border);border-radius:22px;padding:24px}.tip-panel>span{color:var(--brand-bright)}.tip-panel h3{color:var(--brand-deep);font-size:17px}.tip-panel p{color:var(--muted);font-size:13px}.tip-panel button{background:var(--surface);border-color:var(--brand-border);color:var(--brand);width:44px;height:44px}.table-tools{gap:12px;padding:20px}.table-tools select{width:155px;font-size:14px}.search input{font-size:14px}.search{border-color:var(--line-2);border-radius:12px}.table-footer{color:var(--text-2);font-size:14px}.empty h3{color:var(--text-2);font-size:19px}.empty p{color:var(--muted);font-size:14px}.empty>span{background:var(--brand-soft);color:var(--brand)}.tabs button{border-radius:12px;font-size:15px}.tabs .active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-text)}.helper{color:var(--muted);font-size:13px}.debt-person h3{font-size:18px}.debt-person small{color:var(--muted);font-size:12px}.debt-amount{color:var(--brand-dark);font-family:Cairo,sans-serif;font-size:32px}.debt-meta{color:var(--muted);font-size:12px}.debt-card>small{color:var(--muted);font-size:14px}.debt-cards{gap:20px}.payment{color:var(--text-2);font-size:13px}progress{accent-color:var(--brand-bright)}.setting-link{font-size:15px}.admin-stats small{color:var(--muted);font-size:15px}.admin-stats strong{color:var(--brand);font-size:36px}.modal{border-radius:24px;width:540px;padding:28px}.modal-heading h2{font-size:25px}.type-select{background:var(--surface-2);border-radius:12px;padding:5px}.type-select button{padding:10px;font-size:15px}.type-select button.active{color:var(--brand);border-radius:9px}details{color:var(--brand-dark);font-size:15px}.amount-preview{background:var(--brand-softer);border:1px solid var(--brand-border);color:var(--text-2);border-radius:12px;font-size:14px}.amount-preview strong{color:var(--brand-text);font-weight:800}.checkbox-label{font-size:13px}.item-row input{font-size:12px}.item-list{background:var(--surface-2);border-radius:12px}.toast{background:var(--brand-deep);border-radius:15px;padding:16px 24px;font-size:15px}.warning{font-size:14px}.login-shell{background:linear-gradient(135deg,#0089ce,var(--brand-dark) 55%,#37358a);justify-content:center;align-items:center;max-width:none;min-height:100vh;padding:40px 20px;display:flex}.login-story{display:none}.login-card{background:var(--surface);border-radius:25px;width:440px;padding:32px;box-shadow:0 15px 45px #00315a30}.login-card:before{content:"◈";background:linear-gradient(145deg,#00bded,var(--brand));color:#fff;border-radius:19px;place-items:center;width:65px;height:65px;margin:0 auto 14px;font-size:38px;display:grid;box-shadow:0 4px 9px #0284c726}.login-card .eyebrow{text-align:center;color:var(--brand);font-size:14px;font-weight:700}.login-card h2{text-align:center;color:var(--text);font-size:26px;font-weight:800}.login-card>p{text-align:center;margin-bottom:25px;font-size:14px}.login-card .helper{font-size:12px}.login-card>small{color:var(--muted);font-size:11px}.overall-strip span:last-child{font-size:12px}footer{color:var(--brand-dark);font-size:14px}footer span,footer small{color:var(--muted);font-size:11px}.loading{color:var(--brand)}@media (width<=1250px){.sidebar{width:220px}main{width:calc(100% - 220px);margin-right:220px}.content{padding:27px 25px 0}.quick-grid{gap:12px;padding:18px}.quick-grid strong{font-size:16px}.quick-grid small{font-size:11px}.stat{padding:20px 10px 15px}.stat>strong{min-height:96px;font-size:24px}.stat-top{font-size:16px}.stat-bottom{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) 270px}.entry-title strong{font-size:13px}td,th{padding-left:12px;padding-right:12px}}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.stat>strong{width:100%;max-width:250px;min-height:115px;font-size:32px}.dashboard-grid{grid-template-columns:1fr}.distribution{display:none}.bottom-grid{grid-template-columns:1fr}.overall-strip{flex-wrap:wrap;gap:7px}.quick-grid small{display:none}.quick-grid>button{padding:18px 10px}.stat-bottom{font-size:12px}.debt-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.sidebar{width:84px;padding:24px 10px}.sidebar .brand-icon{width:46px;height:46px}.sidebar nav{margin-top:35px}.sidebar nav button{gap:0;padding:16px;font-size:0}.profile button{margin:0}.sidebar .brand>div,.nav-label,.sidebar-note,.profile>div,.profile>.avatar{display:none}main{width:calc(100% - 84px);margin-right:84px}.settings-grid{grid-template-columns:1fr}.page-heading p{font-size:14px}.quick-grid{gap:10px}.quick-grid strong{font-size:14px}.quick-icon{width:43px;height:43px}.topbar{padding:0 25px}.panel-heading h2{font-size:20px}.stat-top{font-size:18px}}@media (width<=560px){.sidebar{background:var(--surface);border-top:1px solid var(--line-2);width:100%;height:80px;padding:0 5px;position:fixed;top:auto;bottom:0;box-shadow:0 -3px 15px #0f172a08}.sidebar .brand,.sidebar .profile{display:none}.sidebar nav{justify-content:space-around;align-items:center;gap:0;height:100%;margin:0;display:flex}.sidebar nav button{color:var(--muted);border-radius:13px;flex-direction:column;gap:5px;min-width:65px;padding:9px;font-size:11px;font-weight:700}.sidebar nav button.selected{color:var(--brand);background:var(--brand-soft);box-shadow:none}.sidebar nav button:hover{color:var(--brand);background:var(--brand-softer)}.sidebar nav button svg{width:23px;height:23px}main{width:100%;margin:0}.topbar{background:var(--brand-dark);border:0;height:62px;padding:0 18px}.breadcrumb{color:var(--brand-border);gap:7px;font-size:12px}.breadcrumb strong{color:#fff}.sync-pill{background:var(--surface);border-color:#fff;padding:7px 10px;font-size:11px}.content{padding:23px 15px 96px}.page-heading{gap:10px;margin-bottom:23px}.page-heading h1{font-size:27px;font-weight:800}.eyebrow{font-size:11px}.page-heading p{max-width:230px;font-size:12px;line-height:1.8}.page-heading .primary{gap:5px;min-height:45px;padding:11px 13px;font-size:13px}.page-heading .primary svg{width:17px;height:17px}.quick-grid{border-radius:18px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;padding:13px 10px}.quick-grid>button{border-radius:14px;gap:5px;padding:12px 4px}.quick-grid strong{font-size:12px;font-weight:800}.quick-grid small{display:none}.quick-icon{border-radius:11px;width:36px;height:36px}.quick-icon svg{width:22px;height:22px}.period-bar{flex-wrap:wrap;gap:5px;margin-bottom:18px;font-size:11px}.period-bar input{width:140px;padding:5px;font-size:12px}.period-bar>div:first-child{gap:4px}.currency-toggle button{padding:6px 10px;font-size:11px}.overall-strip{text-align:center;border-width:2px;border-radius:18px;margin-bottom:19px;padding:15px;display:block}.overall-strip span{font-size:13px;display:block}.overall-strip strong{margin:5px 0 8px;font-size:28px;display:block}.overall-strip span:last-child{font-size:11px;line-height:1.8}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:21px}.stat,.stat.featured{border-radius:22px;padding:17px 12px 14px;box-shadow:0 2px 5px #0f172a14}.stat>strong{border-width:4px;border-radius:20px;gap:4px;max-width:100%;min-height:99px;margin-bottom:12px;padding:10px 4px;font-size:clamp(20px,5.4vw,29px);line-height:1.6}.stat strong small,.featured strong small{font-size:11px}.stat-top{font-size:18px;line-height:1.7}.stat-bottom,.featured .stat-bottom{min-height:0;padding-top:6px;font-size:10px;line-height:1.8}.panel{border-radius:20px}.panel-heading{gap:8px;padding:18px 15px}.panel-heading h2{font-size:19px}.panel-heading p,.text-button{font-size:12px}td,th{padding:14px 10px}th{font-size:11px}.entry-title{gap:8px}.entry-title strong{font-size:13px}.entry-title small{font-size:10px}.entry-icon{border-radius:10px;width:34px;height:34px}.money-cell{font-size:13px}.money-cell small{font-size:10px}.badge{padding:5px 8px;font-size:10px}.bottom-grid{gap:18px;margin-top:20px}.debt-pair{gap:13px;padding:0 15px 21px}.debt-pair>div{gap:8px}.debt-pair>div+div{padding-right:12px}.debt-pair strong{font-size:24px}.debt-pair small{font-size:13px}.debt-pair em{font-size:10px}.round-icon{flex:none;width:35px;height:35px}.tip-panel{gap:12px;padding:20px}.tip-panel h3{font-size:16px}.tip-panel p{font-size:12px}.table-tools{gap:8px;padding:14px}.search{min-width:100%}.search input{font-size:14px}.table-tools select{width:145px;font-size:13px}.secondary{min-height:43px;padding:9px 12px;font-size:13px}.table-footer{font-size:12px}.debt-cards{grid-template-columns:1fr}.tabs{gap:7px}.tabs button{padding:10px 12px;font-size:13px}.helper{font-size:12px}.debt-amount{font-size:33px}.settings-card{padding:22px}.settings-card h2{font-size:21px}.admin-stats{gap:9px}.admin-stats>div{border-radius:17px;padding:15px 10px}.admin-stats small{font-size:12px}.admin-stats strong{font-size:31px}.actions{gap:7px}.actions .primary,.actions .secondary{padding:8px;font-size:11px}.modal{border-radius:23px;max-height:92vh;padding:23px 19px}.modal-heading h2{font-size:24px}.modal .primary{font-size:16px}.form-row{gap:12px}label{font-size:14px}input,select,textarea{min-height:47px;font-size:15px}.amount-preview{gap:10px;font-size:12px}.amount-preview strong,.type-select button{font-size:14px}.toast{max-width:92vw;font-size:14px;bottom:95px}.login-shell{padding:28px 18px}.login-card{border-radius:24px;width:100%;max-width:420px;padding:27px 23px}.login-card h2{font-size:25px}.login-card .primary{font-size:16px}.login-card>p{font-size:13px}.login-card .helper{font-size:12px}.login-card>small{font-size:10px}.empty{padding:35px 18px}.empty h3{font-size:18px}.empty p{font-size:13px}footer{font-size:12px}footer span,footer small{font-size:10px}.warning{font-size:13px}}@media print{body{background:var(--bg)}.quick-grid,.sidebar,.topbar{display:none!important}main{width:100%;margin:0}.content{padding:0}.panel{box-shadow:none}.stats{grid-template-columns:repeat(4,1fr)}}html{padding-top:env(safe-area-inset-top,0px)}@media (width<=560px){.sidebar{height:calc(80px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.content{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}html{padding-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));padding-left:var(--safe-area-inset-left,0px);padding-right:var(--safe-area-inset-right,0px)}@media (width<=560px){.sidebar{height:calc(80px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}.content{padding-bottom:calc(96px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}}.tile-nav{display:none}.date-box{background:var(--brand-softer);color:#0c4a6e;cursor:pointer;border:1.5px solid #bfdbfe;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:50px;padding:10px 14px;display:flex;position:relative}.date-box svg{color:var(--brand);flex:none}.date-box span{flex:1;font-size:15px;font-weight:700;line-height:1.5}.date-box span.placeholder{color:var(--muted);font-weight:500}.date-box input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.date-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-border)}.entry-list{flex-direction:column;gap:10px;padding:6px 0;display:flex}.entry-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0f172a0d}.entry-main{text-align:right;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.entry-text{flex-direction:column;gap:3px;min-width:0;display:flex}.entry-text strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.entry-text small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.entry-date{color:var(--brand-text);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.entry-date svg{flex:none}.entry-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.entry-amount{color:var(--text);white-space:nowrap;font-size:17px;font-weight:800}.entry-amount small{color:var(--muted);font-size:11px;font-weight:600}.entry-icon{flex:none}.debt-math{background:var(--surface-2);color:var(--text-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:10px 0 4px;padding:10px 12px;font-size:13px;display:flex}.debt-math b{color:var(--text);font-size:15px;display:block}.debt-math span{text-align:center}.payment span{align-items:center;gap:5px;font-size:13px;display:inline-flex}.debt-actions .primary{min-height:44px;padding:0 18px}.pay-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.pay-head h2{margin:2px 0 0;font-size:22px}.pay-head small{color:var(--muted)}.pay-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.pay-summary>div{background:var(--surface-2);text-align:center;border-radius:12px;padding:10px 8px}.pay-summary small{color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.pay-summary b{color:var(--text);font-size:15px}.pay-summary .hl b{color:var(--brand-dark);font-size:17px}.pay-after{color:#065f46;background:#ecfdf5;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:14px 0;padding:12px 14px;font-weight:700;display:flex}.pay-after strong{font-size:18px}.update-card .primary{margin-top:6px}.setting-link.danger{color:#b91c1c}@media (width<=850px){.sidebar{display:none!important}main{width:100%!important;margin-right:0!important}.content{padding-bottom:30px!important}.tile-nav{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px;display:grid}.tile-nav:has(.tile-admin){grid-template-columns:repeat(5,1fr)}.tile{border:1px solid var(--line);background:var(--surface);color:var(--text-2);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:800;display:flex;box-shadow:0 1px 3px #0f172a0d}.tile-ic{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tile-home .tile-ic{background:var(--brand-soft);color:var(--brand-text)}.tile-ledger .tile-ic{color:#6d28d9;background:#ede9fe}.tile-debts .tile-ic{color:#b45309;background:#fef3c7}.tile-settings .tile-ic{background:var(--line);color:var(--text-2)}.tile-admin .tile-ic{color:#be123c;background:#ffe4e6}.tile.on{color:#fff;border-color:#0000;box-shadow:0 3px 8px #0f172a2e}.tile.on .tile-ic{color:#fff;background:#fff3}.tile-home.on{background:var(--brand)}.tile-ledger.on{background:#7c3aed}.tile-debts.on{background:#d97706}.tile-settings.on{background:var(--text-2)}.tile-admin.on{background:#e11d48}.topbar{height:56px}}@media (width>=851px){.entry-list{grid-template-columns:repeat(2,1fr);display:grid}}@media print{.tile-nav,.entry-card .icon-button{display:none!important}.entry-card{break-inside:avoid;box-shadow:none}}@media (width<=560px){.modal-backdrop{overflow:auto;align-items:flex-start!important;padding:10px!important}.modal{box-sizing:border-box;margin:0 auto;width:100%!important;max-width:100%!important;padding:18px!important}.modal *{box-sizing:border-box;min-width:0}.modal input,.modal select,.modal textarea{max-width:100%}}.modal label:has(.date-box){grid-column:1/-1}.entry-text{flex:1}.entry-main{overflow:hidden}.entry-side{min-width:96px}:root{--brand:#0284c7;--bg:color-mix(in srgb,var(--brand) 5%,#f1f5f9);--surface:#fff;--surface-2:color-mix(in srgb,var(--brand) 4%,#f1f5f9);--line:#e2e8f0;--line-2:#cbd5e1;--text:#0f172a;--text-2:#475569;--muted:#64748b;--brand-dark:color-mix(in srgb,var(--brand) 78%,#000);--brand-deep:color-mix(in srgb,var(--brand) 58%,#000);--brand-bright:color-mix(in srgb,var(--brand) 82%,#fff);--brand-text:color-mix(in srgb,var(--brand) 72%,#000);--brand-soft:color-mix(in srgb,var(--brand) 14%,#fff);--brand-softer:color-mix(in srgb,var(--brand) 7%,#fff);--brand-border:color-mix(in srgb,var(--brand) 32%,#fff);--border:var(--line);--green:var(--brand);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=sky]{--brand:#0284c7}html[data-theme=emerald]{--brand:#059669}html[data-theme=violet]{--brand:#7c3aed}html[data-theme=amber]{--brand:#d97706}html[data-theme=rose]{--brand:#e11d48}html[data-theme=teal]{--brand:#0d9488}html[data-theme=slate]{--brand:#475569}html[data-theme=fuchsia]{--brand:#c026d3}html[data-mode=dark]{--bg:color-mix(in srgb,var(--brand) 6%,#0b1220);--surface:color-mix(in srgb,var(--brand) 5%,#131c2e);--surface-2:color-mix(in srgb,var(--brand) 8%,#1a2438);--line:#26324a;--line-2:#334158;--text:#f1f5f9;--text-2:#cbd5e1;--muted:#94a3b8;--brand-dark:color-mix(in srgb,var(--brand) 70%,#000);--brand-deep:color-mix(in srgb,var(--brand) 45%,#000);--brand-bright:color-mix(in srgb,var(--brand) 80%,#fff);--brand-text:color-mix(in srgb,var(--brand) 55%,#fff);--brand-soft:color-mix(in srgb,var(--brand) 24%,#131c2e);--brand-softer:color-mix(in srgb,var(--brand) 12%,#131c2e);--brand-border:color-mix(in srgb,var(--brand) 40%,#131c2e);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text)}input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--line-2)}input::placeholder,textarea::placeholder{color:var(--muted)}.primary{background:var(--brand);color:#fff}.sidebar{background:linear-gradient(170deg,var(--brand),var(--brand-dark) 70%,var(--brand-deep))}.date-box{background:var(--brand-softer);border-color:var(--brand-border);color:var(--brand-text)}.date-box svg{color:var(--brand)}.entry-date{color:var(--brand-text)}.modal{background:var(--surface);color:var(--text)}.modal-backdrop{background:#0f172a99}.panel,.entry-card,.stat,.debt-card,.tile{background:var(--surface);color:var(--text)}.entry-text strong,.entry-amount{color:var(--text)}.entry-amount.positive{color:#10b981}.debt-math,.pay-summary>div{background:var(--surface-2);color:var(--text-2)}.debt-math b,.pay-summary b{color:var(--text)}.pay-summary .hl{background:var(--brand-soft)}.pay-summary .hl b{color:var(--brand-text)}.tile{color:var(--text-2)}.tile.on{color:#fff}.tile-home .tile-ic{color:#0369a1;background:#e0f2fe}.tile-ledger .tile-ic{color:#6d28d9;background:#ede9fe}.tile-debts .tile-ic{color:#b45309;background:#fef3c7}.tile-settings .tile-ic{color:#334155;background:#e2e8f0}.tile-admin .tile-ic{color:#be123c;background:#ffe4e6}.tile-home.on{background:#0284c7}.tile-ledger.on{background:#7c3aed}.tile-debts.on{background:#d97706}.tile-settings.on{background:#475569}.tile-admin.on{background:#e11d48}.tile.on .tile-ic{color:#fff;background:#fff3}html[data-mode=dark] .tile-home .tile-ic{color:#7dd3fc;background:#0c4a6e}html[data-mode=dark] .tile-ledger .tile-ic{color:#c4b5fd;background:#3b1d7a}html[data-mode=dark] .tile-debts .tile-ic{color:#fcd34d;background:#6b3f06}html[data-mode=dark] .tile-settings .tile-ic{color:#e2e8f0;background:#334155}html[data-mode=dark] .tile-admin .tile-ic{color:#fda4af;background:#6b1030}html[data-mode=dark] .tile.on .tile-ic{color:#fff;background:#fff3}html[data-mode=dark] .entry-icon.green{color:#6ee7b7;background:#064e3b}html[data-mode=dark] .entry-icon.peach{color:#fdba74;background:#6b3f06}html[data-mode=dark] .entry-icon.lavender{color:#c4b5fd;background:#3b1d7a}html[data-mode=dark] .quick-icon.cyan{color:#7dd3fc;background:#0c4a6e}html[data-mode=dark] .quick-icon.violet{color:#c4b5fd;background:#3b1d7a}html[data-mode=dark] .quick-icon.mint{color:#6ee7b7;background:#064e3b}html[data-mode=dark] .quick-icon.amber,html[data-mode=dark] .badge{color:#fcd34d;background:#6b3f06}html[data-mode=dark] .badge.purple-badge{color:#c4b5fd;background:#3b1d7a}html[data-mode=dark] .badge.green{color:#6ee7b7;background:#064e3b}html[data-mode=dark] .pay-after{color:#a7f3d0;background:#064e3b}html[data-mode=dark] .modal-backdrop{background:#000000b3}html[data-mode=dark] .toast,html[data-mode=dark] [role=status]{background:var(--brand-dark);color:#fff}html[data-mode=dark] .quick-grid>button{background:var(--surface);color:var(--text)}html[data-mode=dark] .overall-strip{background:var(--brand-softer);color:var(--text-2);border-color:var(--brand-border)}html[data-mode=dark] .stat>strong{background:0 0}html[data-mode=dark] progress{filter:brightness(.9)}html[data-mode=dark] .login-card{background:var(--surface);color:var(--text)}.theme-card h2{margin-bottom:6px}.mode-switch{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px;display:grid}.mode-switch button{border:1.5px solid var(--line-2);background:var(--surface);min-height:44px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.mode-switch button.on{background:var(--brand);border-color:var(--brand);color:#fff}.swatches{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px;display:grid}.swatch{border:2px solid var(--line);background:var(--surface);color:var(--text-2);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:800;display:flex}.swatch i{border-radius:50%;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 3px #fff5}.swatch.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.currency-toggle button.active{background:var(--brand);color:#fff}.tabs button.active{background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand-border)}@media (width<=560px){.topbar{background:var(--brand-dark)!important}.breadcrumb,.breadcrumb strong{color:#fff}.breadcrumb{opacity:.95}.sync-pill,.sync-pill.offline{color:#fff!important;background:#ffffff26!important;border-color:#fff6!important}}.sidebar .brand,.sidebar .brand small,.sidebar .brand div{color:#fff}.nav-label{color:#ffffffb3}.sidebar nav button{color:#ffffffe6}.sidebar nav button:hover{color:#fff;background:#fff2}.sidebar nav button.selected{background:var(--surface);color:var(--brand-text)}.sidebar .profile strong,.sidebar .profile small,.sidebar .profile button{color:#fff}.sync-pill{background:var(--brand-softer);color:var(--brand-text);border-color:var(--brand-border)}