/* ===== app.css ===== */
:root{--violet:#6558d3;--violet-soft:#eeecff;--ink:#172033;--muted:#6b7280;--line:#e6e8ef;--bg:#f4f5f8;--green:#16855b;--orange:#dc7626;--navy:#17243e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#eeecff,transparent 45%)}.auth-card{width:min(430px,100%);padding:36px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 60px #27324a1a}.auth-card h1{text-align:center;margin:12px 0 4px}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;background:var(--violet);color:#fff;font-weight:800}.auth-card>.brand-mark{display:grid;margin:auto;width:52px;height:52px}.auth-card>p{text-align:center}.btn{min-height:44px;border-radius:11px;font-weight:600}.btn-primary{background:var(--violet);border-color:var(--violet)}.btn-primary:hover{background:#5145be}.form-control,.form-select{min-height:44px;border-radius:10px;border-color:#d9dce5}.app-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 23px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:800}.sidebar nav{display:grid;gap:4px}.nav-link{border:0;background:transparent;color:#697184;text-align:left;display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;min-height:44px;border-radius:10px;text-decoration:none}.nav-link svg,.btn svg{width:18px;height:18px}.nav-link:hover,.nav-link.active{background:var(--violet-soft);color:var(--violet)}.main{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:20;background:#f4f5f8eF;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:10px 28px;border-bottom:1px solid #e7e8ed}.topbar h1{font-size:21px;margin:0}.topbar p{font-size:13px;color:var(--muted);margin:2px 0 0}.top-actions{display:flex;gap:9px}.content{padding:26px 28px 90px;max-width:1500px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cardx{background:white;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 5px 18px #27324a08}.cardx h3{font-size:13px;color:var(--muted);font-weight:650;margin:0 0 12px}.money{font-size:27px;font-weight:750;letter-spacing:-.5px}.calculation{border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:12px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:16px}.chart-wrap{height:285px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-head h2{font-size:17px;margin:0}.empty{min-height:150px;border:1px dashed #d7dae3;border-radius:13px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:22px}.table-card{padding:0;overflow:hidden}.table-tools{display:flex;gap:10px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--line)}.table-tools>*{max-width:220px}.table{margin:0}.table th{font-size:12px;color:var(--muted);font-weight:650;background:#fafbfc;padding:12px 15px}.table td{padding:13px 15px;vertical-align:middle}.merchant{font-weight:650}.meta{font-size:12px;color:var(--muted)}.amount.income{color:var(--green);font-weight:700}.amount.expense{font-weight:700}.tag{display:inline-flex;gap:4px;align-items:center;padding:3px 8px;border-radius:99px;background:var(--violet-soft);color:#5045af;font-size:12px;margin:2px}.pill-status{font-size:12px;padding:4px 9px;border-radius:99px;background:#eef2f7}.progress{height:9px}.segmented{display:flex;background:#f0f1f5;padding:4px;border-radius:12px}.segmented label{flex:1}.segmented .btn-check:checked+.btn{background:white;color:var(--violet);box-shadow:0 2px 8px #00000012}.hint{font-size:12px;color:var(--muted)}.form-msg:empty{display:none}.mobile-nav{display:none}.loading{padding:50px;text-align:center;color:var(--muted)}#notice{position:fixed;right:24px;top:88px;z-index:1100;max-width:360px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.danger{border-color:#efc4c4}.danger h2{color:#b42318}.small-action{min-height:36px;padding:5px 9px}.modal-content{border:0;border-radius:16px}.modal-header,.modal-footer{border-color:var(--line)}
.multi-money{font-size:20px;line-height:1.55}.btn-success{background:#16855b;border-color:#16855b}

/* Compact current-month dashboard */
.content{max-width:none;width:100%}
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.dashboard-heading h2{font-size:25px;letter-spacing:-.5px;margin:3px 0 2px}
.dashboard-heading p,.section-subtitle{color:var(--muted);font-size:12px;margin:0}
.dashboard-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--violet)}
.month-badge{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #27324a08}
.month-badge svg{width:16px;height:16px;color:var(--violet)}
.dashboard-summary{gap:14px}
.metric-card{position:relative;overflow:hidden;min-height:160px;padding:18px 18px 15px}
.metric-card:after{content:"";position:absolute;right:-28px;bottom:-40px;width:100px;height:100px;border-radius:50%;background:var(--metric-soft,#f3f1ff)}
.metric-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;background:var(--metric-soft,#eeecff);color:var(--metric,#6558d3)}
.metric-icon svg{width:18px;height:18px}
.metric-card h3{margin-bottom:7px}
.metric-card .money,.metric-card .calculation{position:relative;z-index:1}
.metric-net{--metric:#6558d3;--metric-soft:#eeecff}.metric-income{--metric:#16855b;--metric-soft:#e8f6f0}.metric-spending{--metric:#dc7626;--metric-soft:#fff0e7}.metric-savings{--metric:#3177c8;--metric-soft:#e9f2fd}
.dashboard-chart-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}
.dashboard-chart{height:225px}
.dashboard-empty{min-height:225px}
.dashboard-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start}
.action-card{padding:0;overflow:hidden}
.action-card>.section-head{padding:16px 17px 13px;margin:0;border-bottom:1px solid var(--line)}
.action-card .section-head>div{display:flex;align-items:center;gap:8px}
.action-card h2,.dashboard-activity h2{font-size:16px;margin:0}
.count-badge{min-width:23px;height:23px;padding:0 7px;display:inline-grid;place-items:center;border-radius:99px;background:var(--violet-soft);color:var(--violet);font-size:11px;font-weight:800}
.link-button{border:0;background:transparent;color:var(--violet);font-size:12px;font-weight:700;padding:4px;cursor:pointer}
.dashboard-list{height:285px;overflow:auto;padding:0 16px;scrollbar-width:thin;scrollbar-color:#cfd2dc transparent}
.dashboard-list .list-row{padding:11px 0;align-items:center}
.dashboard-list .list-row strong{font-size:13px}
.dashboard-list .meta{line-height:1.35;margin-top:2px}
.dashboard-list .btn{min-height:34px;padding:5px 10px;font-size:11px;border-radius:9px;flex:0 0 auto}
.dashboard-list>.meta,.dashboard-list>.empty{height:100%;min-height:0;display:grid;place-items:center;text-align:center}
.dashboard-activity{margin-top:14px;padding:0;overflow:hidden}
.dashboard-activity>.section-head{padding:16px 18px;margin:0;border-bottom:1px solid var(--line)}
.dashboard-activity .table-responsive{max-height:330px;overflow:auto}

/* Monthly budgets */
.budget-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.budget-toolbar h2{font-size:25px;letter-spacing:-.4px;margin:3px 0 2px}
.budget-toolbar p{color:var(--muted);font-size:13px;margin:0}
.budget-toolbar-actions,.month-switcher{display:flex;align-items:center;gap:8px}
.month-switcher{padding:4px;background:#fff;border:1px solid var(--line);border-radius:13px}
.month-switcher .btn{min-height:36px;border:0;padding:5px 9px}
.month-switcher .budget-current{min-width:145px;background:#f7f7fa}
.budget-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.budget-total-card{display:flex;align-items:stretch;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff 55%,#f7f6ff)}
.currency-pill{display:inline-grid;place-items:center;min-width:42px;height:24px;padding:0 8px;border-radius:7px;background:var(--violet-soft);color:var(--violet);font-size:11px;font-weight:800;letter-spacing:.5px}
.budget-total-card h3{margin:12px 0 4px}
.budget-total-stats{min-width:48%;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.budget-total-stats>div{display:flex;flex-direction:column;justify-content:center;padding:8px 13px;border-right:1px solid var(--line)}
.budget-total-stats>div:last-child{border:0}
.budget-total-stats span,.budget-spend-line span,.budget-card-foot span{font-size:11px;color:var(--muted)}
.budget-total-stats strong{font-size:14px;margin-top:4px}
.budget-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.budget-card{padding:17px;border-top:4px solid var(--green)}
.budget-card.budget-warning{border-top-color:#d99122}.budget-card.budget-over{border-top-color:#cf3f3f}
.budget-card-head,.budget-spend-line,.budget-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.budget-card-head>div{display:flex;align-items:center;gap:9px}
.budget-card-head h3{font-size:16px;color:var(--ink);margin:0}
.budget-status{padding:4px 8px;border-radius:99px;background:#e8f6f0;color:var(--green);font-size:11px;font-weight:800}
.budget-status.warning{background:#fff2d9;color:#a96908}.budget-status.over{background:#fde8e8;color:#b62929}
.budget-spend-line{margin-top:22px}
.budget-spend-line>div{display:flex;flex-direction:column}
.budget-spend-line strong{font-size:20px;margin-top:2px}
.budget-progress{height:10px;margin:13px 0;border-radius:99px;background:#eef0f4;overflow:hidden}
.budget-progress span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .3s ease}
.budget-progress span.warning{background:#d99122}.budget-progress span.over{background:#cf3f3f}
.budget-card-foot{padding-top:12px;border-top:1px solid var(--line)}
.budget-card-foot>div:first-child{display:flex;flex-direction:column}
.budget-empty{grid-column:1/-1;min-height:260px}
.budget-alert-strip{display:flex;align-items:center;gap:18px;padding:12px 15px;margin-top:14px;background:#fffaf0;border:1px solid #f0d7a8;border-radius:14px}
.budget-alert-title{display:flex;align-items:center;gap:10px;min-width:190px}
.budget-alert-title .metric-icon{width:34px;height:34px;margin:0;background:#fff0d4;color:#b8750b}
.budget-alert-items{display:flex;align-items:center;gap:7px;flex:1;overflow-x:auto}
.budget-alert-chip{white-space:nowrap;padding:6px 9px;border-radius:8px;background:#fff0d4;color:#8a5909;font-size:11px}
.budget-alert-chip.over{background:#fde8e8;color:#a62c2c}
.budget-alert-strip>.btn{min-height:36px;white-space:nowrap}
@media(max-width:1200px){.dashboard-action-grid{grid-template-columns:1fr 1fr}.dashboard-action-grid .action-card:last-child{grid-column:1/-1}.dashboard-chart-grid{grid-template-columns:1fr 1fr}.budget-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-total-card{display:block}.budget-total-stats{margin-top:14px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.dashboard-chart-grid{grid-template-columns:1fr}}
@media(max-width:768px){.app-shell{display:block}.sidebar{display:none}.topbar{height:auto;min-height:68px;padding:10px 14px}.top-actions .btn-light{display:none}.top-actions .btn{font-size:0;width:44px;padding:0}.top-actions .btn svg{margin:auto}.content{padding:16px 12px 90px}.summary-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:30;background:white;border-top:1px solid var(--line);overflow-x:auto;padding:6px}.mobile-nav .nav-link{flex:0 0 75px;display:grid;justify-items:center;gap:2px;font-size:10px;padding:6px}.mobile-nav svg{width:19px}.table-responsive{font-size:13px}.table td,.table th{padding:10px}.money{font-size:24px}.grid-2{margin-top:12px}.chart-wrap{height:245px}.dashboard-heading{align-items:flex-start}.month-badge{display:none}.dashboard-action-grid{grid-template-columns:1fr}.dashboard-action-grid .action-card:last-child{grid-column:auto}.dashboard-list{height:260px}.dashboard-chart{height:220px}.dashboard-activity>.section-head{align-items:flex-start}.dashboard-activity>.section-head .btn{font-size:11px;min-height:38px}.budget-toolbar{align-items:flex-start;flex-direction:column}.budget-toolbar-actions{width:100%;align-items:stretch;flex-direction:column}.month-switcher{justify-content:space-between}.month-switcher .budget-current{flex:1}.budget-summary-grid,.budget-card-grid{grid-template-columns:1fr}.budget-total-stats{grid-template-columns:1fr}.budget-total-stats>div{border-right:0;border-bottom:1px solid var(--line)}.budget-alert-strip{align-items:flex-start;flex-direction:column}.budget-alert-items{width:100%}.budget-alert-strip>.btn{width:100%}}

/* Currency-filtered smart home dashboard */
.home-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.home-dashboard-head h2{font-size:28px;letter-spacing:-.7px;margin:3px 0 2px}.home-dashboard-head h2 span{font-size:22px}
.home-dashboard-head p{margin:0;color:var(--muted);font-size:13px}
.home-dashboard-controls{display:flex;align-items:center;gap:10px}
.currency-switch{display:flex;padding:4px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 14px #27324a08}
.currency-switch button{min-width:76px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}
.currency-switch button.active{color:#fff;background:linear-gradient(135deg,#6558d3,#7e72ea);box-shadow:0 4px 10px #6558d344}
.home-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.home-kpi{min-width:0;min-height:118px;display:flex;align-items:flex-start;gap:11px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px #27324a08}
.home-kpi-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:var(--kpi-soft);color:var(--kpi)}
.home-kpi-icon svg{width:19px;height:19px}.home-kpi>div{min-width:0;display:flex;flex-direction:column}
.home-kpi small{color:var(--muted);font-size:11px;font-weight:700}.home-kpi strong{font-size:19px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}
.home-kpi em{color:var(--kpi);font-size:10px;font-style:normal;font-weight:700}
.home-kpi.violet{--kpi:#6658d3;--kpi-soft:#eeecff}.home-kpi.green{--kpi:#159565;--kpi-soft:#e5f7ef}.home-kpi.red{--kpi:#df5060;--kpi-soft:#fdecef}.home-kpi.blue{--kpi:#388ed1;--kpi-soft:#e9f4fc}.home-kpi.indigo{--kpi:#6658d3;--kpi-soft:#eeecff}.home-kpi.amber{--kpi:#db8b18;--kpi-soft:#fff3de}
.kpi-progress{width:100%;height:5px;margin-top:7px;border-radius:99px;background:#ececf3;overflow:hidden}.kpi-progress i{display:block;height:100%;border-radius:inherit;background:#6658d3}
.home-main-grid{display:grid;grid-template-columns:1.45fr 1fr .78fr;gap:12px;margin-top:12px}
.home-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.home-panel{padding:0;overflow:hidden;min-width:0}.home-panel-head{height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}
.home-panel-head h3,.quick-actions-panel h3{font-size:14px;color:var(--ink);margin:0}.home-panel-head span,.quick-actions-panel>div>span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.home-view{border:0;background:#f4f3ff;color:var(--violet);border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.home-chart{height:260px;padding:10px}.home-panel-scroll{height:260px;overflow:auto;padding:0 14px;scrollbar-width:thin;scrollbar-color:#d2d5df transparent}
.home-list-row{min-height:62px;display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.home-list-row:last-child{border:0}
.home-list-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#eef6ff;color:#3988cf}.home-list-icon svg{width:17px;height:17px}.home-list-icon.purple{background:#f0edff;color:#6658d3}.home-list-icon.orange{background:#fff1e3;color:#db7d1f}
.bill-logo{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:#f5f6f9;box-shadow:inset 0 0 0 1px #e9eaf0}
.bill-logo img{display:block;width:100%;height:100%;object-fit:cover}
.icon-picker-field{margin:4px 0 17px;padding:0;border:0}.icon-picker-field legend{font-size:14px;font-weight:600;margin-bottom:8px}
.icon-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;padding:2px;scrollbar-width:thin}
.icon-choice{position:relative;min-width:0;margin:0;cursor:pointer}.icon-choice input{position:absolute;opacity:0;pointer-events:none}
.icon-choice>span{height:58px;display:grid;place-items:center;border:2px solid transparent;border-radius:12px;background:#f5f6f9;transition:.15s ease}.icon-choice>span img{width:42px;height:42px;border-radius:10px}.icon-choice.auto>span svg{width:24px;height:24px;color:#6558d3}
.icon-choice small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-choice:hover>span{background:#f0eeff}.icon-choice input:checked+span{border-color:#6558d3;background:#eeecff;box-shadow:0 0 0 3px #6558d31a}.icon-choice input:checked~small{color:#5145be;font-weight:800}
.budget-card-head .bill-logo{width:34px;height:34px;flex-basis:34px}.budget-card-head>div{min-width:0}.list-row>.bill-logo{margin-right:2px}
@media(max-width:520px){.icon-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Dynamic shared image picker */
.icon-field{margin-bottom:16px}.choose-icon-button{width:100%;min-height:66px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;color:var(--ink);text-align:left;cursor:pointer}.choose-icon-button:hover{border-color:#8f86e7;background:#f8f6ff}.choose-icon-button>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column}.choose-icon-button strong{font-size:12px}.choose-icon-button small{color:var(--muted);font-size:10px}.choose-icon-button>svg{width:16px;height:16px;color:#8a91a1}
.chosen-icon-preview{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:#eeecff;color:#6558d3}.chosen-icon-preview img{width:100%;height:100%;object-fit:cover}.chosen-icon-preview svg{width:21px;height:21px}
.icon-popup{position:fixed;inset:0;z-index:2000;display:none}.icon-popup.show{display:block}.icon-popup-backdrop{position:absolute;inset:0;background:#17203399;backdrop-filter:blur(3px)}
.icon-popup-window{position:absolute;left:50%;top:50%;width:min(760px,calc(100% - 28px));max-height:min(720px,calc(100vh - 28px));display:flex;flex-direction:column;padding:18px;background:#fff;border-radius:18px;box-shadow:0 28px 80px #1118274d;transform:translate(-50%,-50%)}
.icon-popup-window header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.icon-popup-window h2{font-size:20px;margin:0}.icon-popup-window p{font-size:11px;color:var(--muted);margin:3px 0 0}.icon-popup-close{width:36px;height:36px;border:0;border-radius:10px;background:#f2f3f6;color:#687084;font-size:24px;line-height:1;cursor:pointer}.icon-popup-search{margin-bottom:12px}
.icon-popup-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:auto;padding:3px;scrollbar-width:thin}.popup-icon-choice{min-width:0;padding:8px;border:2px solid transparent;border-radius:13px;background:#f7f8fa;cursor:pointer}.popup-icon-choice:hover,.popup-icon-choice.selected{border-color:#6558d3;background:#eeecff}.popup-icon-choice span{height:68px;display:grid;place-items:center}.popup-icon-choice img{width:58px;height:58px;border-radius:13px;object-fit:cover}.popup-icon-choice svg{width:27px;height:27px;color:#6558d3}.popup-icon-choice strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-merchant-wrap{display:flex;align-items:center;gap:9px}.tx-logo-button{border:0;background:transparent;padding:0;border-radius:11px;cursor:pointer}.tx-logo-button:hover{box-shadow:0 0 0 3px #6558d326}.tx-logo-button .bill-logo{width:36px;height:36px;flex-basis:36px}
.budget-category-manager{margin-bottom:14px}.budget-category-manager .section-head{margin-bottom:11px}.category-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.category-manage-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:99px;background:#f8f9fb}.category-manage-chip strong{font-size:10px}.category-manage-chip button{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#747c8e;cursor:pointer}.category-manage-chip button:hover{color:#6558d3;background:#eeecff}.category-manage-chip button svg{width:12px;height:12px}
.settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.settings-hero h2{font-size:28px;margin:3px 0}.settings-hero p{color:var(--muted);margin:0}.settings-stats{display:flex;gap:8px;flex-wrap:wrap}.settings-stats span{padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:12px}.settings-stats strong{color:var(--ink);font-size:15px;margin-right:3px}.settings-organized-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-manager{padding:17px}.settings-manager .section-head{margin-bottom:8px}.settings-manager .section-head h2{display:flex;align-items:center;gap:8px;font-size:16px}.settings-manager .section-head h2 svg{width:18px;height:18px;color:var(--violet)}.settings-manager .section-head p{font-size:12px;color:var(--muted);margin:3px 0 0}.settings-list{max-height:370px;overflow:auto;padding-right:4px}.settings-manage-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid var(--line)}.settings-manage-row:first-child{border-top:0}.settings-manage-row>div:nth-child(2){min-width:0;display:grid}.settings-manage-row strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-manage-row span{font-size:11px;color:var(--muted)}.settings-row-actions{display:flex!important;grid-auto-flow:column;gap:5px}.settings-row-actions .icon-button{width:34px;height:34px}.settings-row-actions svg{width:15px;height:15px}.settings-mini-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center!important}.settings-mini-icon svg{width:17px;height:17px}.settings-mini-icon.violet{background:#eeecff;color:#6558d3}.settings-mini-icon.green{background:#e6f6ef;color:#16855b}.settings-empty{min-height:70px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px}.settings-short .section-head{margin:0}.settings-short.danger{border-color:#efc4c4}@media(max-width:900px){.settings-organized-grid{grid-template-columns:1fr}.settings-hero{align-items:flex-start;flex-direction:column}.settings-stats{width:100%}}
.module-page{display:grid;gap:16px}.module-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(250px,1fr) minmax(440px,1.15fr);gap:24px;align-items:center;padding:22px 24px;border:1px solid #dedff2;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f7f6ff 58%,#eef3ff 100%);box-shadow:0 8px 28px #28345b0b}.module-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-140px;background:#6558d312}.module-hero-copy{position:relative;z-index:1}.module-hero h2{font-size:25px;margin:3px 0 4px;letter-spacing:-.4px}.module-hero p{margin:0;color:var(--muted);font-size:13px}.module-stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-stat{min-width:0;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e7e8ef;border-radius:14px;background:#ffffffe8}.module-stat>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.module-stat svg{width:17px;height:17px}.module-stat>div{min-width:0;display:grid}.module-stat small{font-size:10px;color:var(--muted);white-space:nowrap}.module-stat strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-stat.violet>span{background:#eeecff;color:#6558d3}.module-stat.green>span{background:#e6f6ef;color:#16855b}.module-stat.red>span{background:#ffebee;color:#d64657}.module-stat.amber>span{background:#fff3df;color:#d77a16}.module-stat.blue>span{background:#eaf3ff;color:#397dc5}.module-page .grid-2{margin-top:0;align-items:start}.module-page .cardx{box-shadow:0 6px 20px #25334f0a}.module-page .section-head h2{font-size:16px}.module-page .list-row{padding:11px 2px}.module-page .list-row:hover{background:#fafaff}.module-page .empty{min-height:110px}.module-page .summary-grid{margin-bottom:0!important}.module-page .summary-grid .cardx{border-top:3px solid #6558d3}.module-transactions .table-card{border-radius:17px}.module-transactions .table-tools{background:#fafbff;position:sticky;top:76px;z-index:4}.module-transactions #txTable{max-height:calc(100vh - 310px);overflow:auto}.module-transactions .table thead{position:sticky;top:0;z-index:3}.module-transactions .table tbody tr{transition:background .15s}.module-transactions .table tbody tr:hover{background:#f9f9ff}.module-rent .grid-2>article,.module-recurring .grid-2>article,.module-subscriptions .grid-2>article,.module-rules .grid-2>article{max-height:620px;overflow:auto}.module-rent #rentDue,.module-recurring #recurringPending,.module-subscriptions #subscriptionPending{display:grid;gap:2px}.module-goals>article,.module-documents>article{margin-top:0!important}.module-goals .progress{background:#ececf4;border-radius:20px;overflow:hidden}.module-goals .progress-bar{background:linear-gradient(90deg,#6558d3,#8e7ff0)}.module-documents .grid-2{grid-template-columns:1.25fr .75fr}.module-documents #docForm{padding:14px;border-radius:13px;background:#f8f9fd;border:1px dashed #d9dbea}.module-rules .grid-2{grid-template-columns:1.35fr .65fr}.module-budgets .budget-card-grid{margin-top:0}.module-bills .bill-layout{align-items:start}.module-bills .bill-calendar{overflow:auto}@media(max-width:1050px){.module-hero{grid-template-columns:1fr}.module-stat-grid{grid-template-columns:repeat(3,1fr)}.module-transactions #txTable{max-height:none}.module-rent .grid-2>article,.module-recurring .grid-2>article,.module-subscriptions .grid-2>article,.module-rules .grid-2>article{max-height:none}}@media(max-width:680px){.module-hero{padding:18px}.module-stat-grid{grid-template-columns:1fr}.module-stat{padding:9px}.module-documents .grid-2,.module-rules .grid-2{grid-template-columns:1fr}.module-transactions .table-tools>*{max-width:none;width:100%}}
.module-page{gap:12px}.module-hero{display:block;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.module-hero:after,.module-hero-copy{display:none}.module-hero .module-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-hero .module-stat{min-height:82px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 16px #25334f08}.module-hero .module-stat>span{width:42px;height:42px}.module-hero .module-stat strong{font-size:18px}.module-recurring .module-hero,.module-subscriptions .module-hero{display:none}.module-recurring>.summary-grid,.module-subscriptions>.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-recurring>.summary-grid .cardx,.module-subscriptions>.summary-grid .cardx{padding:16px 18px;min-height:112px}.module-recurring>.summary-grid .money,.module-subscriptions>.summary-grid .money{font-size:25px}.module-transactions .table-card{min-height:0}.module-transactions .table-tools{position:relative;top:0;padding:13px 15px;background:#fff}.module-transactions #txTable{max-height:calc(100vh - 245px);min-height:0}.module-transactions .table th{top:0}.module-rent .grid-2{grid-template-columns:1.15fr .85fr}.module-rent .grid-2>article{max-height:610px}.module-recurring .grid-2,.module-subscriptions .grid-2{grid-template-columns:1.18fr .82fr}.module-recurring .grid-2>article,.module-subscriptions .grid-2>article{max-height:590px}.module-recurring .list-row,.module-subscriptions .list-row,.module-rent .list-row{padding:10px 2px}.module-bills{gap:12px}.module-bills .bill-toolbar{align-items:center;margin:0}.module-bills .bill-toolbar>div:first-child{display:none}.module-bills .bill-toolbar .month-switcher{margin-left:auto}.module-bills .bill-summary{margin:0;gap:12px}.module-bills .bill-summary .cardx{min-height:105px;padding:15px 17px}.module-bills .bill-summary strong{font-size:19px}.module-bills .bill-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:12px}.module-bills .bill-layout>article{max-height:520px;overflow:auto}.module-bills .bill-day{min-height:72px;padding:5px}.module-bills .bill-dot{font-size:9px;padding:2px 4px}.module-bills>article.mt-3{margin-top:0!important;max-height:270px;overflow:auto}.module-budgets .budget-toolbar{margin-bottom:4px}.module-budgets .budget-summary-grid{gap:12px}.module-goals .module-hero,.module-documents .module-hero,.module-rules .module-hero{margin-bottom:0}@media(max-width:1050px){.module-rent .grid-2,.module-recurring .grid-2,.module-subscriptions .grid-2,.module-bills .bill-layout{grid-template-columns:1fr}.module-rent .grid-2>article,.module-recurring .grid-2>article,.module-subscriptions .grid-2>article,.module-bills .bill-layout>article{max-height:none}}@media(max-width:680px){.module-hero .module-stat-grid,.module-recurring>.summary-grid,.module-subscriptions>.summary-grid{grid-template-columns:1fr}.module-hero .module-stat{min-height:68px}.module-transactions #txTable{max-height:none}.module-bills .bill-toolbar .month-switcher{width:100%;margin:0}.module-bills .bill-toolbar .bill-current{flex:1}}
.account-card-grid.account-grouped-layout{display:grid;grid-template-columns:1fr;gap:18px}.account-currency-section{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#f8f9fd}.account-currency-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-currency-heading>div:first-child{display:flex;align-items:center;gap:10px}.account-currency-heading h3{font-size:17px;color:var(--ink);margin:0}.account-currency-heading p{font-size:11px;color:var(--muted);margin:1px 0 0}.account-order-legend{display:flex;gap:6px;flex-wrap:wrap}.account-order-legend span{font-size:10px;font-weight:700;padding:5px 8px;border-radius:99px}.account-order-legend .positive{background:#e7f7ef;color:#16855b}.account-order-legend .negative{background:#ffeaed;color:#c63e50}.account-order-legend .zero{background:#eceff4;color:#697184}.account-balance-section{display:grid;gap:8px}.account-balance-heading{display:flex;align-items:center;gap:7px;padding:0 3px}.account-balance-heading>span{width:8px;height:8px;border-radius:50%}.account-balance-heading strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.account-balance-heading small{min-width:20px;text-align:center;padding:1px 6px;border-radius:99px;background:#fff;color:var(--muted);font-size:9px}.account-balance-section.positive .account-balance-heading>span{background:#20a36a}.account-balance-section.negative .account-balance-heading>span{background:#e35261}.account-balance-section.zero .account-balance-heading>span{background:#98a1af}.account-currency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-currency-grid .finance-account{min-height:218px;border-top-width:3px}.account-currency-grid .finance-account.balance-positive{border-top-color:#20a36a}.account-currency-grid .finance-account.balance-negative{border-top-color:#e35261}.account-currency-grid .finance-account.balance-zero{border-top-color:#a7aeba;background:#fcfcfd}.account-currency-grid .finance-account-balance{margin:18px 0 13px}.account-currency-grid .finance-account-balance strong{font-size:24px}@media(max-width:1200px){.account-currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.account-currency-heading{align-items:flex-start;flex-direction:column}.account-currency-grid{grid-template-columns:1fr}.account-currency-section{padding:12px}}
@media(max-width:768px){.icon-popup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-popup-window{padding:14px}.popup-icon-choice span{height:58px}.popup-icon-choice img{width:50px;height:50px}}
@media(max-width:480px){.icon-popup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.home-list-copy{min-width:0;flex:1;display:flex;flex-direction:column}.home-list-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-list-copy span{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-list-value{display:flex;align-items:flex-end;flex-direction:column;gap:3px}.home-list-value strong{font-size:10px;white-space:nowrap}.mini-pay{border:0;border-radius:6px;background:#e8f7ef;color:#148155;padding:3px 7px;font-size:9px;font-weight:800;cursor:pointer}
.home-empty{height:100%;min-height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;text-align:center}.home-empty svg{width:24px;height:24px;color:#aab0bd}.chart-empty{height:260px}
.rent-compact .list-row{min-height:62px;padding:9px 0}.rent-compact .list-row strong{font-size:11px}.rent-compact .meta{font-size:9px}.rent-compact .btn{min-height:30px;padding:4px 8px;font-size:9px;border-radius:7px}.rent-compact>.meta{height:100%;display:grid;place-items:center;text-align:center}
.budget-mini{padding-top:6px}.budget-mini-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid var(--line)}.budget-mini-row>div{display:flex;flex-direction:column}.budget-mini-row strong{font-size:11px}.budget-mini-row span{color:var(--muted);font-size:9px}.budget-mini-row b{font-size:10px;color:var(--green)}.budget-mini-row b.warning{color:#c27b0a}.budget-mini-row b.over{color:#c83f48}.budget-mini-row .bill-logo{width:32px;height:32px;flex-basis:32px}
.budget-mini-track{grid-column:1/-1;height:5px;border-radius:99px;background:#edf0f4;overflow:hidden}.budget-mini-track i{display:block;height:100%;background:var(--green)}.budget-mini-track i.warning{background:#d99122}.budget-mini-track i.over{background:#cf3f3f}
.quick-actions-panel{display:flex;align-items:center;gap:25px;padding:14px 17px;margin-top:12px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-actions button{min-width:88px;border:0;border-radius:11px;background:#f5f4ff;color:var(--violet);padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;cursor:pointer}.quick-actions button svg{width:16px;height:16px}
@media(max-width:1450px){.home-kpi-grid{grid-template-columns:repeat(3,1fr)}.home-main-grid{grid-template-columns:1.35fr 1fr}.bills-panel{grid-column:1/-1}.bills-panel .home-panel-scroll{height:190px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:18px}}
@media(max-width:1050px){.home-main-grid,.home-secondary-grid{grid-template-columns:1fr 1fr}.home-secondary-grid article:last-child{grid-column:1/-1}}
@media(max-width:768px){.home-dashboard-head{align-items:flex-start;flex-direction:column}.home-dashboard-controls{width:100%;justify-content:space-between}.home-dashboard-controls .month-badge{display:flex}.home-kpi-grid{grid-template-columns:1fr 1fr}.home-main-grid,.home-secondary-grid{grid-template-columns:1fr}.bills-panel,.home-secondary-grid article:last-child{grid-column:auto}.bills-panel .home-panel-scroll{height:260px;display:block}.home-chart{height:235px}.quick-actions-panel{align-items:flex-start;flex-direction:column}.quick-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.quick-actions button{justify-content:center}.home-kpi strong{font-size:17px}}
@media(max-width:480px){.home-kpi-grid{grid-template-columns:1fr}.home-dashboard-controls{align-items:stretch;flex-direction:column}.currency-switch button{flex:1}.home-dashboard-controls .month-badge{justify-content:center}.home-kpi{min-height:105px}.home-chart{height:220px}}

/* Tanshar Home application shell */
.app-shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{width:250px;padding:20px 13px 14px;transition:width .2s ease;overflow:hidden}
.sidebar .brand{gap:12px;padding:0 9px 22px;font-size:inherit}
.sidebar .brand>.brand-mark{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#f0edff;color:#6558d3}
.sidebar .brand>.brand-mark svg{width:22px;height:22px}
.sidebar .brand>span:last-child{min-width:0;display:flex;flex-direction:column}
.sidebar .brand strong{font-size:17px;line-height:1.2;color:#141b2d;white-space:nowrap}
.sidebar .brand small{font-size:9px;color:#8a91a1;font-weight:600;margin-top:3px;white-space:nowrap}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:#d8dae3 transparent}
.sidebar .nav-link{position:relative;gap:11px;padding:10px 11px;font-size:12px;font-weight:650;white-space:nowrap}
.sidebar .nav-link>svg:first-child{width:17px;height:17px;flex:0 0 17px}.sidebar .nav-chevron{width:13px!important;height:13px!important;margin-left:auto;opacity:.45}
.sidebar .nav-link.active{color:#fff;background:linear-gradient(135deg,#6759db,#7f74ef);box-shadow:0 6px 14px #6558d345}
.sidebar .nav-link.active .nav-chevron{opacity:.8}
.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px;border-radius:12px;background:#f7f6ff;border:1px solid #ece9ff}
.sidebar-home-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e9e5ff;color:#6558d3}.sidebar-home-icon svg{width:16px;height:16px}
.sidebar-footer>div{display:flex;min-width:0;flex-direction:column}.sidebar-footer strong{font-size:10px;white-space:nowrap}.sidebar-footer small{font-size:9px;color:var(--muted);white-space:nowrap}
.topbar{height:78px;padding:10px 25px;background:#f7f8fcef;gap:18px}
.topbar-page{display:flex;align-items:center;gap:12px;min-width:190px}.topbar-page h1{font-size:18px}.topbar-page p{font-size:10px}
.sidebar-toggle,.icon-button{width:38px;height:38px;min-height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:#596174;box-shadow:0 4px 12px #27324a0b;cursor:pointer}
.sidebar-toggle svg,.icon-button svg{width:17px;height:17px}
.topbar-search{position:relative;flex:1;max-width:430px;margin-left:auto}.topbar-search svg{position:absolute;left:13px;top:50%;width:16px;height:16px;color:#9299a8;transform:translateY(-50%)}
.topbar-search input{width:100%;height:42px;padding:0 14px 0 39px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:12px;outline:0;box-shadow:0 4px 15px #27324a08}.topbar-search input:focus{border-color:#9a91ea;box-shadow:0 0 0 3px #6558d31a}
.top-actions{align-items:center}.top-actions .add-entry-top{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:11px}.top-actions .add-entry-top svg{width:15px;height:15px}
.owner-profile{min-width:166px;height:48px;display:flex;align-items:center;gap:9px;padding:4px 8px;border:0;border-left:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.owner-profile>svg{width:14px;height:14px;margin-left:auto;color:#848b99}
.owner-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6558d3,#3d94d7);color:#fff;font-size:11px;font-weight:850;box-shadow:0 3px 9px #6558d34a}
.owner-copy{min-width:0;display:flex;flex-direction:column}.owner-copy strong{max-width:105px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-copy small{font-size:9px;color:var(--muted)}
.profile-menu{width:230px;padding:7px;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px #1f293720}.profile-menu-head{display:flex;flex-direction:column;padding:10px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-menu-head strong{font-size:12px}.profile-menu-head span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.profile-menu .dropdown-item{display:flex;align-items:center;gap:8px;border-radius:8px;font-size:11px;padding:9px}.profile-menu .dropdown-item svg{width:15px;height:15px}
.auth-card .brand-mark svg{width:25px;height:25px}.auth-card .brand-mark{background:#eeecff;color:#6558d3}
body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)}body.sidebar-collapsed .sidebar{width:78px}body.sidebar-collapsed .sidebar .brand>span:last-child,body.sidebar-collapsed .sidebar .nav-link span,body.sidebar-collapsed .sidebar .nav-chevron,body.sidebar-collapsed .sidebar-footer>div{display:none}body.sidebar-collapsed .sidebar .brand{justify-content:center;padding-inline:0}body.sidebar-collapsed .sidebar .nav-link{justify-content:center;padding-inline:0}body.sidebar-collapsed .sidebar-footer{justify-content:center;padding-inline:0}
@media(max-width:1100px){.topbar-search{max-width:270px}.owner-profile{min-width:auto}.owner-copy{display:none}.home-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.app-shell{display:block}.sidebar{display:none}.topbar{height:auto;min-height:68px;padding:9px 12px;gap:8px}.sidebar-toggle,.topbar-page>div,.topbar-search,.top-actions .icon-button{display:none}.top-actions{margin-left:auto}.owner-profile{border:0;padding:3px;min-width:42px}.owner-profile>svg{display:none}.top-actions .add-entry-top span{display:none}.top-actions .add-entry-top{width:40px;padding:0;justify-content:center}.owner-avatar{width:34px;height:34px;flex-basis:34px}.content{padding-top:14px}}
.bill-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.bill-toolbar h2{margin:4px 0}.bill-toolbar p{margin:0;color:var(--muted)}.bill-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.bill-summary article{display:flex;flex-direction:column;gap:5px}.bill-summary h3{font-size:13px;margin:5px 0 0;color:var(--muted)}.bill-summary strong{font-size:22px}.bill-summary small{color:var(--muted)}.reminder-card{flex-direction:row!important;align-items:center}.reminder-card>svg{width:30px;height:30px;color:#7257dc}.bill-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:14px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week span{text-align:center;color:var(--muted);font-size:11px;font-weight:700;padding:5px}.bill-day{min-height:94px;border:1px solid #edf0f6;padding:7px;background:#fff;overflow:hidden}.bill-day.blank{background:#fafbfe}.bill-day.today{border:2px solid #7564df;background:#f8f7ff}.bill-day>b{display:block;font-size:12px;margin-bottom:5px}.bill-dot{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:3px 5px;border-radius:5px;margin-top:3px;background:#fff3cf;color:#8c6500}.bill-dot.overdue{background:#ffe3e7;color:#b62e42}.bill-day small{font-size:9px;color:var(--muted)}.bill-filters{display:flex;gap:7px}.bill-filters .form-select{width:130px}.bill-list-row{grid-template-columns:auto minmax(0,1fr) auto auto}.bill-status{text-transform:capitalize;font-size:10px;font-weight:800;padding:5px 8px;border-radius:20px;background:#fff3cf;color:#8c6500}.bill-status.overdue{background:#ffe3e7;color:#b62e42}@media(max-width:1050px){.bill-summary{grid-template-columns:1fr 1fr}.bill-layout{grid-template-columns:1fr}}@media(max-width:700px){.bill-toolbar{flex-direction:column}.bill-summary{grid-template-columns:1fr}.bill-calendar{overflow-x:auto}.calendar-week,.calendar-grid{min-width:650px}.bill-filters{width:100%;margin-top:8px}.bill-filters .form-select{width:50%}.bill-list-row{grid-template-columns:auto minmax(0,1fr) auto}.bill-list-row .bill-status{display:none}}
.account-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.account-toolbar h2{margin:4px 0}.account-toolbar p{margin:0;color:var(--muted)}.account-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.account-toolbar .btn{display:inline-flex;align-items:center;gap:6px}.account-toolbar .btn svg{width:15px;height:15px}.account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.account-summary article{display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:18px}.account-summary article>div{display:flex;flex-direction:column}.account-summary small{font-size:10px;color:var(--muted)}.account-summary strong{font-size:18px}.account-net{padding-left:18px;border-left:1px solid var(--line)}.account-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-account{min-height:230px;display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#fbfbff)}.finance-account.inactive{opacity:.58}.finance-account-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.finance-account-head .bill-logo{width:42px;height:42px}.finance-account-head span,.finance-account-head small{font-size:10px;color:var(--muted);text-transform:capitalize}.finance-account-head h3{font-size:15px;margin:2px 0}.finance-account-balance{display:flex;flex-direction:column;margin:24px 0 16px}.finance-account-balance small{font-size:10px;color:var(--muted)}.finance-account-balance strong{font-size:26px;letter-spacing:-.5px}.credit-util>span{display:block;height:7px;border-radius:10px;background:#eceffa;overflow:hidden}.credit-util>span i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#6558d3,#e15e77)}.credit-util small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.finance-account-actions{display:flex;gap:6px;margin-top:auto;padding-top:15px}.finance-account-actions .btn{font-size:10px}.finance-account-actions .btn:last-child{margin-left:auto}.account-empty{grid-column:1/-1}.transfer-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:10px;background:#f1efff;color:#5749bd;font-size:11px;margin-bottom:15px}.transfer-note svg{width:17px;height:17px;flex:0 0 auto}.transfer-row{grid-template-columns:auto minmax(0,1fr) auto}.transfer-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eeecff;color:#6558d3}.transfer-icon svg{width:17px;height:17px}@media(max-width:1200px){.account-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary article{grid-template-columns:auto 1fr 1fr}.account-net{grid-column:2/-1;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:10px}}@media(max-width:760px){.account-toolbar{flex-direction:column}.account-toolbar>div:last-child{width:100%}.account-toolbar .btn{flex:1;justify-content:center}.account-summary,.account-card-grid{grid-template-columns:1fr}.account-summary article{grid-template-columns:auto 1fr}.account-summary article>div{grid-column:2}.account-net{grid-column:2}.finance-account-actions{flex-wrap:wrap}}
.import-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:14px 16px;border-radius:14px;background:#f4f3ff;border:1px solid #dfdcff}.import-summary strong{margin-right:auto}.import-summary span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #e2e4ea;color:#596174;font-size:.84rem}.import-table-wrap{max-height:52vh;border:1px solid #e4e6ec;border-radius:14px}.import-table-wrap thead{position:sticky;top:0;z-index:2;background:#f8f9fc}.import-table-wrap td,.import-table-wrap th{padding:11px 12px;vertical-align:middle}.import-table-wrap .form-select{min-width:145px}.statement-review{background:#fffaf0}.import-warning{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff7df;color:#725513;font-size:.88rem}@media(max-width:767px){.import-table-wrap{max-height:58vh}.import-table-wrap table{min-width:760px}}
.mapping-panel{padding:12px 14px;border:1px solid #e4e6ec;border-radius:12px;background:#fafbfe}.mapping-panel summary{cursor:pointer;font-weight:700;color:#4f4a75}.mapping-panel label{display:block;margin-bottom:5px;font-size:.76rem;color:#6f7480}
.pdf-private-note{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #cce9db;border-radius:12px;background:#f0fbf6;color:#226447}.pdf-private-note svg{width:24px;height:24px}.pdf-private-note span{display:flex;flex-direction:column}.pdf-private-note small{color:#527268;margin-top:2px}

/* Tenant security deposits */
.rent-overview{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;padding:22px 24px;overflow:hidden;border:1px solid #dedbfa;border-radius:20px;background:linear-gradient(125deg,#fff 0%,#f7f5ff 72%,#ece9ff 100%);box-shadow:0 12px 30px #4d438910}.rent-overview:after{content:"";position:absolute;right:-55px;top:-80px;width:220px;height:220px;border-radius:50%;background:#7566df10}.rent-overview>div,.rent-overview .btn{position:relative;z-index:1}.rent-overview h2{margin:4px 0;font-size:24px;letter-spacing:-.4px}.rent-overview p{margin:0;color:var(--muted)}.rent-overview .btn{display:flex;align-items:center;gap:7px;white-space:nowrap}.rent-overview .btn svg{width:16px;height:16px}.deposit-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.deposit-summary-card{display:flex;align-items:center;gap:13px;min-height:94px;border-top:3px solid #6b5ed8}.deposit-summary-card>div{display:flex;flex-direction:column;gap:3px}.deposit-summary-card small{color:var(--muted);font-size:10px;font-weight:700}.deposit-summary-card strong{font-size:20px}.deposit-summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf8f1;color:#358363}.deposit-summary-icon.inr{background:#fff4df;color:#b87a14}.deposit-summary-icon.neutral{background:#f0edff;color:#6558d3}.deposit-summary-icon svg{width:21px;height:21px}.rent-workspace{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(640px,1.28fr);gap:14px;align-items:start}.rent-due-card{grid-column:1}.tenant-card{grid-column:2;grid-row:1/3}.deposit-history-card{grid-column:1}.rent-count-pill{padding:6px 10px;border-radius:999px;background:#fff4d9;color:#926812;font-size:10px;font-weight:800}.tenant-deposit-list{max-height:650px;overflow:auto;padding-right:5px;scrollbar-width:thin}.tenant-deposit-row{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(115px,.4fr) auto;align-items:center;gap:12px;padding:14px 3px;border-bottom:1px solid var(--line);transition:background .18s}.tenant-deposit-row:hover{background:#fafaff}.tenant-deposit-row:last-child{border-bottom:0}.tenant-deposit-copy,.tenant-deposit-amount{display:flex;min-width:0;flex-direction:column}.tenant-deposit-copy strong{font-size:12px}.tenant-deposit-copy span,.tenant-deposit-amount small{font-size:9px;color:var(--muted)}.tenant-deposit-amount strong{font-size:12px}.tenant-deposit-amount strong.held{color:#2f825f}.tenant-deposit-amount strong.none{color:#a0a5b0}.tenant-deposit-actions{display:flex;align-items:center;gap:5px}.tenant-deposit-actions .btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tenant-deposit-actions .btn svg{width:13px;height:13px}.btn-refund{border:1px solid #f0d0bf;background:#fff6f0;color:#ad5d32}.btn-refund:hover{border-color:#e7b99f;background:#ffede3;color:#91441c}.tenant-deposit-actions .icon-button{width:32px;height:32px;min-height:32px}.tenant-deposit-actions .icon-button svg{width:14px;height:14px}.deposit-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.deposit-history-row:last-child{border-bottom:0}.deposit-action-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px}.deposit-action-icon.opening{background:#eaf8f1;color:#358363}.deposit-action-icon.return{background:#fff0e8;color:#c66b39}.deposit-action-icon svg{width:17px;height:17px}.deposit-history-row>div strong{font-size:11px}.deposit-history-amount{font-size:12px}.deposit-history-amount.opening{color:#358363}.deposit-history-amount.return{color:#c25151}.deposit-modal-note{display:flex;align-items:flex-start;gap:11px;padding:13px;margin-bottom:16px;border-radius:12px;background:#f1efff;color:#5749bd}.deposit-modal-note.refund{background:#fff4ed;color:#a5542a}.deposit-modal-note>svg{width:21px;height:21px;flex:0 0 auto}.deposit-modal-note span{display:flex;flex-direction:column}.deposit-modal-note small{margin-top:3px;color:#6b6599;line-height:1.45}.deposit-modal-note.refund small{color:#8d624d}#itemModal .modal-dialog{max-width:720px}.tenant-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.tenant-form-wide{grid-column:1/-1}.tenant-deposit-form{margin-top:8px;padding:16px;border:1px solid #dedaf8;border-radius:15px;background:linear-gradient(135deg,#faf9ff,#f3f1ff)}.tenant-deposit-form-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.tenant-deposit-form-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e4f5ec;color:#31805e}.tenant-deposit-form-head svg{width:18px;height:18px}.tenant-deposit-form-head>div{display:flex;flex-direction:column}.tenant-deposit-form-head strong{font-size:12px}.tenant-deposit-form-head small{font-size:9px;color:var(--muted)}@media(max-width:1250px){.deposit-summary-grid{grid-template-columns:repeat(2,1fr)}.rent-workspace{grid-template-columns:1fr}.rent-due-card,.tenant-card,.deposit-history-card{grid-column:1;grid-row:auto}.tenant-card{order:-1}}@media(max-width:760px){.rent-overview{align-items:flex-start;flex-direction:column}.rent-overview .btn{width:100%;justify-content:center}.deposit-summary-grid{grid-template-columns:1fr}.tenant-deposit-row{grid-template-columns:auto minmax(0,1fr)}.tenant-deposit-amount{grid-column:2}.tenant-deposit-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}.tenant-deposit-list{max-height:none}.tenant-form-grid{grid-template-columns:1fr}.tenant-form-wide{grid-column:1}.tenant-deposit-form .col-md-4{width:100%}}

/* Family members and permissions */
.family-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;padding:18px 20px;border:1px solid #dfdff0;border-radius:18px;background:linear-gradient(130deg,#fff 0%,#f8f7ff 68%,#edf1ff 100%);box-shadow:0 8px 24px #27324a0a}.family-head h2{margin:3px 0 2px;font-size:23px}.family-head p{margin:0;color:var(--muted);font-size:10px}.family-head .btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.family-head .btn svg{width:15px;height:15px}.family-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:13px}.family-summary article{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 18px #31394d08}.family-summary article>div{display:flex;flex-direction:column}.family-summary small{font-size:9px;color:var(--muted)}.family-summary strong{font-size:18px}.family-summary-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px}.family-summary-icon svg{width:18px;height:18px}.family-summary-icon.violet{background:#eeecff;color:#6558d3}.family-summary-icon.green{background:#e7f7ef;color:#2e855f}.family-summary-icon.amber{background:#fff4df;color:#b87818}.family-card-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.family-member-card{display:flex;min-height:225px;flex-direction:column;padding:16px;border-radius:16px;box-shadow:0 8px 24px #28334c0a}.family-member-card.inactive{opacity:.72;background:#fafafa}.family-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.family-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6b5ed8,#4a8bd4);color:#fff;font-size:12px;font-weight:850;box-shadow:0 7px 16px #6558d329}.family-card-top>div{min-width:0;display:flex;flex-direction:column}.family-card-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-card-top span:not(.family-avatar){font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-status{padding:4px 7px;border-radius:20px;font-size:8px;font-style:normal;font-weight:800}.family-status.active{background:#e6f6ee;color:#2e805e}.family-status.inactive{background:#f1f2f5;color:#747b89}.family-role{display:flex;align-items:center;gap:9px;margin:13px 0 10px;padding:9px 10px;border-radius:11px;background:#f7f7fb}.family-role>svg{width:18px;height:18px;color:#6558d3}.family-role>div{display:flex;flex-direction:column}.family-role small{font-size:8px;color:var(--muted)}.family-role strong{font-size:10px}.family-module-chips{display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px;min-height:46px}.family-module-chips span,.family-module-chips b{padding:4px 7px;border-radius:20px;background:#f0efff;color:#5d51bd;font-size:8px;font-weight:750}.family-module-chips span.none{background:#f3f3f5;color:#8b909a}.family-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;border-top:1px solid var(--line)}.family-card-foot>small{font-size:8px;color:var(--muted)}.family-card-foot>div{display:flex;gap:6px}.family-action{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;cursor:pointer}.family-action svg{width:14px;height:14px}.family-action.edit{background:#eef1ff;border-color:#dce1ff;color:#5064c7}.family-action.delete{background:#fff0f2;border-color:#f8d9df;color:#c84f61}.owner-lock{display:flex;align-items:center;gap:4px;color:#695cc8;font-size:8px;font-weight:750}.owner-lock svg{width:12px;height:12px}.family-loading{min-height:240px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.family-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:15px}.family-form-grid .form-label{font-size:9px}.family-form-grid .form-control,.family-form-grid .form-select{height:39px;font-size:10px;border-radius:10px}.family-permission-box{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.family-permission-box>div:first-child{display:flex;flex-direction:column;margin-bottom:10px}.family-permission-box strong{font-size:11px}.family-permission-box small{font-size:8px;color:var(--muted)}.family-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.family-permission-grid label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #e4e6ed;border-radius:9px;background:#fff;font-size:9px;cursor:pointer}.family-permission-grid label:has(input:checked){border-color:#c9c3f5;background:#f2f0ff;color:#5a4bb9}.family-permission-grid input{accent-color:#6558d3}.family-active-toggle{display:flex;align-items:center;gap:9px;margin-top:13px;padding:11px 13px;border-radius:11px;background:#eef8f3}.family-active-toggle>span{display:flex;flex-direction:column}.family-active-toggle strong{font-size:10px}.family-active-toggle small{font-size:8px;color:var(--muted)}.family-active-toggle input{accent-color:#29805a}@media(max-width:1050px){.family-card-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media(max-width:700px){.family-head{align-items:stretch;flex-direction:column}.family-head .btn{justify-content:center}.family-summary,.family-card-grid,.family-form-grid{grid-template-columns:1fr}.family-permission-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.family-permission-grid{grid-template-columns:1fr}}

/* Compact Rent page */
.rent-compact-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.rent-compact-head h2{margin:3px 0 0;font-size:22px}.rent-compact-head .btn{display:flex;align-items:center;gap:6px}.rent-compact-head .btn svg{width:15px;height:15px}.rent-compact-grid{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(500px,1.28fr);gap:14px;align-items:start}.rent-compact-grid .cardx{padding:17px;border-radius:17px;box-shadow:0 9px 24px #31394d0b}.rent-compact-grid .section-head{margin-bottom:7px}.rent-compact-grid .section-head h2{font-size:14px}.rent-due-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:57px;padding:8px 2px;border-bottom:1px solid var(--line)}.rent-due-row:last-child{border-bottom:0}.rent-due-row>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.rent-due-row strong{font-size:11px}.rent-due-row span{font-size:10px;color:#37815f;font-weight:750}.rent-due-row .btn{min-width:75px;padding:7px 10px;border-radius:9px;font-size:10px}.tenant-compact-list{max-height:610px;overflow:auto;padding-right:3px;scrollbar-width:thin}.tenant-compact-row{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(105px,.45fr) auto;align-items:center;gap:10px;min-height:57px;padding:8px 2px;border-bottom:1px solid var(--line)}.tenant-compact-row:last-child{border-bottom:0}.tenant-compact-row>strong{font-size:11px}.tenant-compact-row>span{font-size:11px;font-weight:800;color:#38805f;text-align:right}.tenant-icon-actions{display:flex;gap:6px}.tenant-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:.16s}.tenant-action svg{width:14px;height:14px}.tenant-action.edit{background:#eef1ff;border-color:#dce1ff;color:#5064c7}.tenant-action.edit:hover{background:#dfe4ff}.tenant-action.refund{background:#fff4e8;border-color:#f8dec3;color:#bb6d21}.tenant-action.refund:hover{background:#ffe8d1}.tenant-action.delete{background:#fff0f2;border-color:#f8d9df;color:#c84f61}.tenant-action.delete:hover{background:#ffe0e5}.tenant-action:disabled{opacity:.3;cursor:not-allowed}.rent-receive-summary{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding:12px;border:1px solid #dcefe5;border-radius:13px;background:#f3fbf7}.rent-receive-summary>div:last-child{display:flex;flex-direction:column}.rent-receive-summary strong{font-size:12px}.rent-receive-summary span{font-size:9px;color:var(--muted)}@media(max-width:1050px){.rent-compact-grid{grid-template-columns:1fr}}@media(max-width:620px){.rent-compact-head{align-items:stretch;flex-direction:column}.rent-compact-head .btn{justify-content:center}.tenant-compact-row{grid-template-columns:auto minmax(0,1fr) auto}.tenant-compact-row>span{grid-column:2;text-align:left}.tenant-icon-actions{grid-column:3;grid-row:1/3}.tenant-compact-list{max-height:none}}

/* Compact Recurring, Subscriptions and Bills */
.module-rent>.module-hero,.module-recurring>.module-hero,.module-subscriptions>.module-hero,.module-transactions>.module-hero{display:none}
.schedule-compact-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.schedule-compact-head h2{margin:3px 0 0;font-size:22px}.schedule-compact-head>.btn{display:flex;align-items:center;gap:6px}.schedule-compact-head>.btn svg{width:15px;height:15px}.schedule-compact-grid,.bill-compact-grid{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(500px,1.22fr);gap:14px;align-items:start}.schedule-compact-grid .cardx,.bill-compact-grid .cardx{padding:17px;border-radius:17px;box-shadow:0 9px 24px #31394d0b}.schedule-compact-grid .section-head,.bill-compact-grid .section-head{margin-bottom:7px}.schedule-compact-grid .section-head h2,.bill-compact-grid .section-head h2{font-size:14px}.schedule-due-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:57px;padding:8px 2px;border-bottom:1px solid var(--line)}.schedule-due-row:last-child{border-bottom:0}.schedule-due-row>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.schedule-due-row strong{font-size:11px}.schedule-due-row span{font-size:9px;color:var(--muted)}.schedule-due-row .btn{min-width:68px;padding:7px 10px;border-radius:9px;font-size:10px}.schedule-directory{max-height:610px;overflow:auto;padding-right:3px;scrollbar-width:thin}.schedule-directory-row{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(100px,.42fr) auto;align-items:center;gap:10px;min-height:57px;padding:8px 2px;border-bottom:1px solid var(--line)}.schedule-directory-row:last-child{border-bottom:0}.schedule-directory-row>strong{font-size:11px}.schedule-directory-row>span{font-size:11px;font-weight:800;color:#3d4861;text-align:right}.schedule-icon-actions{display:flex;gap:6px}.schedule-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;cursor:pointer}.schedule-action svg{width:14px;height:14px}.schedule-action.edit{background:#eef1ff;border-color:#dce1ff;color:#5064c7}.schedule-action.edit:hover{background:#dfe4ff}.schedule-action.delete{background:#fff0f2;border-color:#f8d9df;color:#c84f61}.schedule-action.delete:hover{background:#ffe0e5}.bill-compact-grid{grid-template-columns:minmax(500px,1.18fr) minmax(360px,.82fr)}.bill-compact-list{max-height:610px;overflow:auto;scrollbar-width:thin}.bill-compact-row{grid-template-columns:auto minmax(0,1fr) auto auto}.bill-compact-row .bill-status{font-size:8px;font-style:normal;padding:4px 7px}.reminder-compact{width:140px;font-size:10px}.mini-calendar-week,.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mini-calendar-week span{text-align:center;padding:5px;color:var(--muted);font-size:9px;font-weight:800}.mini-bill-day{position:relative;min-height:42px;display:grid;place-items:center;border:1px solid #edf0f5;border-radius:9px;background:#fbfcfe;font-size:10px}.mini-bill-day.blank{visibility:hidden}.mini-bill-day.today{border-color:#7564df;background:#f3f1ff;color:#5949c1}.mini-bill-day i{position:absolute;right:3px;top:3px;min-width:14px;height:14px;display:grid;place-items:center;border-radius:8px;background:#fff0c9;color:#895f00;font-size:7px;font-style:normal;font-weight:800}@media(max-width:1050px){.schedule-compact-grid,.bill-compact-grid{grid-template-columns:1fr}}@media(max-width:650px){.schedule-compact-head{align-items:stretch;flex-direction:column}.schedule-compact-head>.btn{justify-content:center}.schedule-directory-row{grid-template-columns:auto minmax(0,1fr) auto}.schedule-directory-row>span{grid-column:2;text-align:left}.schedule-icon-actions{grid-column:3;grid-row:1/3}.schedule-directory,.bill-compact-list{max-height:none}.bill-compact-row{grid-template-columns:auto minmax(0,1fr) auto}.bill-compact-row .bill-status{display:none}.reminder-compact{width:125px}}

/* Compact Transactions */
.transaction-compact-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.transaction-compact-head h2{margin:3px 0 0;font-size:22px}.transaction-compact-head>div:last-child{display:flex;gap:8px}.transaction-compact-head .btn{display:flex;align-items:center;gap:6px}.transaction-compact-head .btn svg{width:15px;height:15px}.transaction-mini-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.transaction-mini-summary>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 6px 18px #31394d08}.transaction-mini-summary small{font-size:9px;color:var(--muted);font-weight:700}.transaction-mini-summary strong{font-size:13px}.transaction-mini-summary .positive{color:#33825e}.transaction-mini-summary .negative{color:#c44d5d}.transaction-card{padding:16px;border-radius:17px}.transaction-filters{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(4,minmax(120px,.7fr)) minmax(120px,.7fr);gap:8px;margin-bottom:10px}.transaction-filters label{position:relative}.transaction-filters label>svg{position:absolute;left:11px;top:11px;width:15px;height:15px;color:#9096a4}.transaction-filters label input{padding-left:34px}.transaction-filters .form-control,.transaction-filters .form-select{height:38px;font-size:10px;border-radius:10px}.transaction-compact-list{max-height:620px;overflow:auto;scrollbar-width:thin}.transaction-compact-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto minmax(110px,.35fr) auto;align-items:center;gap:11px;min-height:59px;padding:8px 2px;border-bottom:1px solid var(--line)}.transaction-compact-row:last-child{border-bottom:0}.transaction-compact-row .tx-logo-button{padding:0;border:0;background:transparent}.transaction-main{display:flex;min-width:0;flex-direction:column}.transaction-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-main span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-type{padding:4px 7px;border-radius:20px;font-size:8px;font-weight:800;text-transform:capitalize}.transaction-type.income{background:#eaf8f1;color:#33825e}.transaction-type.expense{background:#fff0f2;color:#c44d5d}.transaction-amount{font-size:11px;text-align:right}.transaction-amount.income{color:#33825e}.transaction-amount.expense{color:#c44d5d}.transaction-actions{display:flex;gap:6px}.transaction-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;cursor:pointer}.transaction-action svg{width:14px;height:14px}.transaction-action.edit{background:#eef1ff;border-color:#dce1ff;color:#5064c7}.transaction-action.delete{background:#fff0f2;border-color:#f8d9df;color:#c84f61}.transaction-pager{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:6px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.transaction-pager>div{display:flex;align-items:center;gap:9px}.transaction-pager b{font-size:9px;color:#565d6d}.transaction-page{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#60677a}.transaction-page svg{width:13px;height:13px}.transaction-page:disabled{opacity:.35}.transaction-edit-summary{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:12px;border:1px solid #dfe3fa;border-radius:13px;background:#f5f6ff}.transaction-edit-summary>div:last-child{display:flex;flex-direction:column}.transaction-edit-summary strong{font-size:12px}.transaction-edit-summary span{font-size:9px;color:var(--muted)}@media(max-width:1150px){.transaction-filters{grid-template-columns:repeat(3,1fr)}.transaction-filters label{grid-column:span 2}}@media(max-width:700px){.transaction-compact-head{align-items:stretch;flex-direction:column}.transaction-compact-head>div:last-child .btn{flex:1;justify-content:center}.transaction-mini-summary{grid-template-columns:1fr}.transaction-filters{grid-template-columns:1fr 1fr}.transaction-filters label{grid-column:1/-1}.transaction-compact-row{grid-template-columns:auto minmax(0,1fr) auto}.transaction-type{display:none}.transaction-amount{grid-column:2;text-align:left}.transaction-actions{grid-column:3;grid-row:1/3}.transaction-compact-list{max-height:none}}
.investment-summary{margin:16px 0 20px}.investment-summary-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.investment-summary-head h3{font-size:18px;margin:2px 0}.investment-summary-head p{color:var(--muted);font-size:13px;margin:0}.investment-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.investment-summary-grid article{display:flex;align-items:center;gap:13px;padding:17px 18px;border-top:3px solid #7c67df}.investment-summary-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#6656d8;background:#f0edff}.investment-summary-icon svg{width:21px}.investment-summary-grid article div{display:flex;flex-direction:column}.investment-summary-grid small{color:var(--muted);font-weight:700}.investment-summary-grid strong{font-size:20px;color:var(--ink)}.investment-summary-grid article div span{color:var(--muted);font-size:12px;margin-top:2px}
.suspense-account{border-style:dashed!important}.suspense-account-note{display:flex;align-items:center;gap:7px;margin:-5px 0 10px;padding:7px 9px;border:1px dashed rgba(213,165,74,.45);border-radius:8px;color:#9d772f;background:rgba(241,193,94,.09);font-size:9px;line-height:1.35}.suspense-account-note svg{width:14px;height:14px;flex:0 0 14px}

/* Equal, compact Settings cards with independent scrolling. */
.settings-organized-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:330px;align-items:stretch;gap:14px}.settings-organized-grid>.settings-manager{height:330px;min-height:0;padding:15px;display:flex;flex-direction:column;overflow:hidden}.settings-organized-grid>.settings-manager>.section-head{min-height:56px;flex:0 0 auto;margin:0 0 8px;padding-bottom:9px;border-bottom:1px solid var(--line)}.settings-organized-grid>.settings-manager>.section-head>div{min-width:0}.settings-organized-grid>.settings-manager>.section-head h2{margin:0;font-size:15px}.settings-organized-grid>.settings-manager>.section-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:4px}.settings-card-body{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto!important;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:#aaa2d8 transparent}.settings-card-body::-webkit-scrollbar{width:7px}.settings-card-body::-webkit-scrollbar-track{background:transparent}.settings-card-body::-webkit-scrollbar-thumb{background:#b8b2dd;border-radius:10px}.settings-card-body::-webkit-scrollbar-thumb:hover{background:#8175ca}.settings-card-body>.settings-manage-row:first-child{border-top:0}.settings-organized-grid .settings-manage-row{min-height:52px;padding:8px 2px}.settings-organized-grid .settings-empty,.settings-organized-grid .empty{height:100%;min-height:120px}.settings-organized-grid .settings-unit-grid{align-content:start}.settings-organized-grid>.settings-short .settings-card-body{display:grid;align-items:start}.settings-organized-grid>.danger{order:99}
@media(max-width:1450px){.settings-organized-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.settings-organized-grid{grid-template-columns:1fr;grid-auto-rows:350px}.settings-organized-grid>.settings-manager{height:350px}}

/* Unified transaction ledger: transfer and scheduled-transfer rows. */
.transaction-type.transfer{background:#eef1ff;color:#6555c8}
.transaction-amount.transfer.in{color:#33825e}
.transaction-amount.transfer.out{color:#7867d9}
.tx-transfer-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1efff;color:#6755cc}
.tx-transfer-icon svg{width:16px;height:16px}
.transfer-ledger-row{background:linear-gradient(90deg,rgba(108,88,210,.035),transparent)}
.payment-summary-card{display:flex;flex-direction:column}.payment-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-summary-stat{min-height:92px;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.payment-summary-stat>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.payment-summary-stat svg{width:22px;height:22px}.payment-summary-stat div{display:grid;min-width:0}.payment-summary-stat small{color:var(--muted);font-weight:700}.payment-summary-stat strong{font-size:21px}.payment-summary-stat.overdue>span{color:#dc4a5c;background:#ffeaee}.payment-summary-stat.overdue strong{color:#dc4a5c}.payment-summary-stat.due>span{color:#d89224;background:#fff2dc}.payment-summary-stat.due strong{color:#d89224}.payment-summary-stat.paid>span{color:#339361;background:#e5f6ed}.payment-summary-stat.paid strong{color:#339361}.payment-summary-stat.total>div{gap:4px}.payment-summary-stat.total strong{font-size:15px}.payment-reminder{display:flex;align-items:center;gap:9px;margin-top:11px;padding:9px 12px;border:1px solid var(--line);border-radius:11px}.payment-reminder svg{width:17px}.payment-reminder span{font-size:11px;font-weight:800}.payment-reminder select{margin-left:auto}@media(max-width:650px){.payment-summary-grid{grid-template-columns:1fr}.payment-summary-stat{min-height:76px}}

/* ===== shopping.css ===== */
/* Shopping & Pantry module */
.shopping-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.shopping-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:13px;padding:17px 18px}.shopping-summary article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.shopping-summary article>span svg{width:21px}.shopping-summary article.violet>span{background:#f0edff;color:#6656d9}.shopping-summary article.blue>span{background:#eaf3ff;color:#4386d9}.shopping-summary article.green>span{background:#e9f8f0;color:#37946d}.shopping-summary article.amber>span{background:#fff5df;color:#db9624}.shopping-summary small,.shopping-summary em{display:block;color:var(--muted);font-size:12px;font-style:normal}.shopping-summary strong{display:block;color:var(--ink);font-size:24px;line-height:1.15;margin:2px 0}.shopping-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:14px;margin-bottom:14px}.shopping-side{display:grid;gap:14px;align-content:start}.shopping-list-card,.cart-card,.low-card,.pantry-card{padding:0;overflow:hidden}.shopping-card-head{min-height:70px;padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.shopping-card-head h2{font-size:16px;margin:0 0 3px}.shopping-card-head span{color:var(--muted);font-size:12px}.shopping-card-head>div:last-child{display:flex;align-items:center;gap:9px}.shopping-store{width:160px}.shopping-list-search{margin:12px 18px;max-width:410px;height:42px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 12px}.shopping-list-search svg{width:18px;color:var(--muted)}.shopping-list-search input{border:0;outline:0;width:100%;background:transparent}.shopping-row{min-height:66px;padding:9px 18px;border-top:1px solid var(--line);display:grid;grid-template-columns:42px 28px minmax(180px,1fr) 80px 74px;gap:11px;align-items:center}.shopping-row:first-child{border-top:0}.product-picture{width:38px;height:38px;border-radius:10px;background:#f6f7fb;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.product-picture img{width:31px;height:31px;object-fit:contain}.product-picture.fallback{color:#8d94a4}.shopping-check{width:24px;height:24px;border:0;background:transparent;color:#a7adba;padding:0}.shopping-check svg{width:22px}.shopping-check.active{color:#4c9b77}.shopping-copy strong,.shopping-copy span{display:block}.shopping-copy strong{font-size:14px}.shopping-copy span{color:var(--muted);font-size:12px;margin-top:2px}.shopping-status{justify-self:start;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700}.shopping-status.planned{background:#f1efff;color:#6959d8}.shopping-status.cart{background:#e7f7ef;color:#318461}.shopping-actions{display:flex;justify-content:flex-end;gap:5px}.shopping-actions button{width:32px;height:32px;border:0;border-radius:9px;background:#f7f8fb;color:#667080;display:grid;place-items:center}.shopping-actions button:hover{background:#eeeaff;color:#6252d6}.shopping-actions button:last-child:hover{background:#fff0f2;color:#d6485e}.shopping-actions svg{width:16px}.shopping-empty{min-height:160px;display:grid;place-items:center}.cart-visual{display:flex;align-items:center;gap:13px;padding:18px}.cart-visual>span{width:46px;height:46px;border-radius:14px;background:#f0edff;color:#6555d8;display:grid;place-items:center}.cart-visual strong,.cart-visual small{display:block}.cart-visual small{color:var(--muted);margin-top:3px}.complete-cart{margin:0 18px 18px;width:calc(100% - 36px)}.low-stock-row{display:grid;grid-template-columns:38px minmax(100px,1fr) auto auto;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}.low-stock-row:first-of-type{border-top:0}.low-stock-row strong,.low-stock-row span{display:block}.low-stock-row strong{font-size:13px}.low-stock-row span{color:var(--muted);font-size:11px}.low-stock-row em{background:#fff0e5;color:#c86d26;border-radius:99px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:700}.low-stock-row button{border:0;background:transparent;color:#6555d8;font-size:11px;font-weight:700}.pantry-head,.pantry-row{display:grid;grid-template-columns:minmax(220px,1.3fr) 130px minmax(150px,.7fr) 90px 260px;gap:14px;align-items:center}.pantry-head{padding:10px 18px;background:#fafbfe;color:var(--muted);font-size:11px;font-weight:700}.pantry-row{padding:10px 18px;border-top:1px solid var(--line)}.pantry-row>.product-picture{display:none}.pantry-row>div:nth-child(2) strong,.pantry-row>div:nth-child(2) span{display:block}.pantry-row>div:nth-child(2) span{font-size:11px;color:var(--muted)}.pantry-row>b{font-size:13px}.pantry-stock{height:6px;border-radius:99px;background:#eceef4;overflow:hidden}.pantry-stock i{height:100%;display:block;border-radius:inherit}.pantry-stock.good i{background:#43a477}.pantry-stock.low i{background:#e8a42b}.pantry-row>em{font-size:11px;font-style:normal;font-weight:700;color:#39916b}.pantry-row:has(.pantry-stock.low)>em{color:#d48a18}.choose-product-icon{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;gap:11px;text-align:left}.choose-product-icon>span:nth-child(2){flex:1}.choose-product-icon strong,.choose-product-icon small{display:block}.choose-product-icon small{color:var(--muted);font-size:11px}.choose-product-icon>svg{width:17px;color:var(--muted)}
@media(max-width:1100px){.shopping-summary{grid-template-columns:repeat(2,1fr)}.shopping-main-grid{grid-template-columns:1fr}.shopping-side{grid-template-columns:1fr 1fr}.pantry-head,.pantry-row{grid-template-columns:minmax(180px,1fr) 100px 140px 80px 110px}}
@media(max-width:700px){.shopping-summary{grid-template-columns:1fr}.shopping-side{grid-template-columns:1fr}.shopping-card-head{align-items:flex-start;flex-direction:column}.shopping-card-head>div:last-child{width:100%}.shopping-store{flex:1}.shopping-row{grid-template-columns:38px 24px minmax(0,1fr) auto}.shopping-status{display:none}.shopping-actions{grid-column:3/5}.pantry-head{display:none}.pantry-row{grid-template-columns:1fr auto}.pantry-row>.pantry-stock,.pantry-row>em{grid-column:1/3}.pantry-row>.shopping-actions{grid-column:1/3}}

/* Pantry Inventory redesign: shopping lists are now captured during grocery expenses. */
.pantry-pro-page{display:grid;gap:14px}.pantry-pro-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.pantry-pro-heading h2{margin:2px 0 3px;font-size:32px}.pantry-pro-heading p{margin:0;color:var(--muted)}.pantry-pro-heading>div:last-child{display:grid;justify-items:end;gap:6px}.pantry-pro-heading>div:last-child small{color:var(--muted);font-size:11px}.pantry-pro-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pantry-pro-summary article{min-height:104px;padding:17px 20px;display:flex;align-items:center;gap:15px}.pantry-pro-summary article>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.pantry-pro-summary article>span svg{width:23px}.pantry-pro-summary .violet{background:#2c2b55;color:#c3b7ff}.pantry-pro-summary .green{background:#23493f;color:#b9e7d2}.pantry-pro-summary .amber{background:#4a402c;color:#f2ca78}.pantry-pro-summary small,.pantry-pro-summary em{display:block;color:var(--muted);font-size:12px;font-style:normal}.pantry-pro-summary strong{display:block;font-size:25px;line-height:1.1;margin:3px 0}.pantry-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.pantry-pro-grid>.cardx{min-width:0;height:310px;overflow:hidden}.pantry-pro-inventory,.pantry-pro-activity{grid-column:span 2;padding:0}.pantry-pro-categories,.pantry-pro-guide{padding:17px 19px}.pantry-pro-grid h3{font-size:16px;margin:0}.pantry-pro-card-head{height:72px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.pantry-pro-filters{display:flex;gap:8px}.pantry-pro-filters label{position:relative}.pantry-pro-filters label svg{position:absolute;left:11px;top:11px;width:16px;color:var(--muted)}.pantry-pro-filters input{width:230px;height:39px;padding:0 12px 0 35px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);outline:0}.pantry-pro-filters select{width:155px;height:39px;font-size:12px}.pantry-pro-table-head,.pantry-pro-row{display:grid;grid-template-columns:minmax(190px,1fr) 110px 90px 235px;align-items:center;gap:12px}.pantry-pro-table-head{height:39px;padding:0 17px;color:var(--muted);font-size:11px;font-weight:700;border-bottom:1px solid var(--line)}.pantry-pro-list{height:199px;overflow-y:auto;overflow-x:hidden}.pantry-pro-row{min-height:56px;padding:7px 17px;border-bottom:1px solid var(--line)}.pantry-pro-row>.product-picture{display:none}.pantry-pro-name strong,.pantry-pro-name span{display:block}.pantry-pro-name span{font-size:11px;color:var(--muted)}.pantry-pro-row>b{font-size:13px}.pantry-pro-row>em{justify-self:start;border-radius:20px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.pantry-pro-row>em.low{background:#4b402d;color:#f2ca78}.pantry-pro-row>em.stock{background:#23493f;color:#b9e7d2}.pantry-pro-actions{display:flex;justify-content:flex-end;gap:5px}.pantry-pro-actions button{height:31px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px}.pantry-pro-actions button svg{width:14px}.pantry-pro-actions button span{font-size:10px}.pantry-pro-actions .add-stock{color:#a996ff}.pantry-pro-actions .delete-pantry{color:#dc7180}.pantry-pro-categories{overflow-y:auto!important}.pantry-category-row{display:grid;grid-template-columns:38px 90px 1fr 20px;align-items:center;gap:10px;padding:8px 0}.pantry-category-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#29284e;color:#ad9fff}.pantry-category-icon svg{width:17px}.pantry-category-icon.tone-1{background:#23493f;color:#8ed7af}.pantry-category-icon.tone-2{background:#263c62;color:#86b7ff}.pantry-category-icon.tone-3{background:#24464b;color:#75d4d4}.pantry-category-icon.tone-4{background:#3d414b;color:#c5c9d1}.pantry-category-row strong,.pantry-category-row b{font-size:12px}.pantry-category-bar{height:6px;border-radius:10px;background:#202c47;overflow:hidden}.pantry-category-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7355e8,#a68cff)}.pantry-pro-activity>h3{height:55px;padding:17px;border-bottom:1px solid var(--line)}.pantry-pro-activity-list{height:255px;overflow-y:auto}.pantry-activity-row{display:grid;grid-template-columns:38px minmax(170px,1fr) 75px 80px 70px;align-items:center;gap:9px;min-height:56px;padding:7px 17px;border-bottom:1px solid var(--line)}.pantry-activity-row strong,.pantry-activity-row span{display:block}.pantry-activity-row span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pantry-activity-row em{justify-self:start;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;font-style:normal}.pantry-activity-row em.add{background:#23493f;color:#b9e7d2}.pantry-activity-row em.use{background:#4b2d39;color:#ff9eac}.pantry-activity-row em.set{background:#29284e;color:#c3b7ff}.pantry-activity-row b,.pantry-activity-row small{font-size:11px}.pantry-activity-row .positive{color:#76d9a9}.pantry-activity-row .negative{color:#ff7b8e}.pantry-pro-guide ol{list-style:none;padding:7px 0 0;margin:0}.pantry-pro-guide li{display:flex;align-items:center;gap:12px;padding:10px 0}.pantry-pro-guide li b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#342e59;color:#c8bbff}.pantry-pro-guide li span{font-size:12px}.pantry-pro-empty{grid-column:1/-1}
@media(max-width:1150px){.pantry-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pantry-pro-inventory,.pantry-pro-activity{grid-column:span 1}.pantry-pro-filters{display:grid;grid-template-columns:1fr 1fr}.pantry-pro-filters label{grid-column:1/-1}.pantry-pro-card-head{height:116px;align-items:flex-start}.pantry-pro-list{height:155px}.pantry-pro-table-head,.pantry-pro-row{grid-template-columns:minmax(130px,1fr) 80px 70px 170px}}
@media(max-width:700px){.pantry-pro-heading{align-items:stretch;flex-direction:column}.pantry-pro-heading>div:last-child{justify-items:stretch}.pantry-pro-heading>div:last-child small{text-align:center}.pantry-pro-summary,.pantry-pro-grid{grid-template-columns:1fr}.pantry-pro-inventory,.pantry-pro-activity{grid-column:auto}.pantry-pro-grid>.cardx{height:auto;min-height:280px}.pantry-pro-card-head{height:auto;display:grid}.pantry-pro-filters{grid-template-columns:1fr}.pantry-pro-filters label{grid-column:auto}.pantry-pro-filters input,.pantry-pro-filters select{width:100%}.pantry-pro-table-head{display:none}.pantry-pro-list,.pantry-pro-activity-list{height:auto;max-height:none;overflow:visible}.pantry-pro-row{grid-template-columns:38px 1fr auto}.pantry-pro-row>.product-picture{display:grid}.pantry-pro-row>b{grid-column:2}.pantry-pro-row>em{grid-column:3;grid-row:1/3}.pantry-pro-actions{grid-column:2/4;justify-content:flex-start}.pantry-activity-row{grid-template-columns:38px 1fr auto}.pantry-activity-row em{grid-column:2}.pantry-activity-row b{grid-column:3;grid-row:1}.pantry-activity-row small{grid-column:3;grid-row:2}.pantry-pro-categories,.pantry-pro-guide{min-height:0!important}}

/* Transactions use the page scrollbar only; remove the nested ledger scrollbar. */
.module-transactions .transaction-compact-list,.module-transactions #txTable{max-height:none!important;overflow:visible!important;scrollbar-width:none}.module-transactions .transaction-compact-list::-webkit-scrollbar,.module-transactions #txTable::-webkit-scrollbar{display:none;width:0;height:0}
html.transactions-view,body.transactions-view,body.transactions-view .main,body.transactions-view #view,body.transactions-view .content{scrollbar-width:none;-ms-overflow-style:none}
html.transactions-view::-webkit-scrollbar,body.transactions-view::-webkit-scrollbar,body.transactions-view .main::-webkit-scrollbar,body.transactions-view #view::-webkit-scrollbar,body.transactions-view .content::-webkit-scrollbar{display:none;width:0;height:0}

/* Concept B: quick stock use with catalog/barcode search. */
.pantry-quick-use{padding:18px 20px;overflow:visible!important}.pantry-quick-head{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,520px);gap:20px;align-items:center}.pantry-quick-head h3{margin:2px 0 3px;font-size:21px}.pantry-quick-head p{margin:0;color:var(--muted);font-size:12px}.pantry-quick-search{position:relative}.pantry-quick-search>svg{position:absolute;left:13px;top:13px;width:18px;color:var(--muted);z-index:2}.pantry-quick-search>input{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--ink);padding:0 14px 0 41px;outline:0}.pantry-quick-search>div{display:none;position:absolute;left:0;right:0;top:49px;z-index:20;max-height:270px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--card,#14213f);box-shadow:0 20px 45px rgba(0,0,0,.4);padding:6px}.pantry-quick-search>div.show{display:block}.pantry-quick-search button,.pantry-recent-use{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;text-align:left}.pantry-quick-search button{width:100%;padding:8px;border-radius:9px}.pantry-quick-search button:hover{background:rgba(123,93,235,.12)}.pantry-quick-search button>span,.pantry-recent-use>span{flex:1}.pantry-quick-search strong,.pantry-quick-search small,.pantry-recent-use strong,.pantry-recent-use small{display:block}.pantry-quick-search small,.pantry-recent-use small{color:var(--muted);font-size:10px;margin-top:2px}.pantry-quick-search button>svg,.pantry-recent-use>svg{width:17px;color:#d1aa5b}.pantry-recent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px}.pantry-recent-use{min-width:0;border:1px solid var(--line);border-radius:11px;padding:9px}.pantry-recent-use:hover{border-color:#c79a48;background:rgba(199,154,72,.07)}.pantry-quick-empty{grid-column:1/-1;color:var(--muted);font-size:12px;padding:8px 0}.product-catalog-editor .form-text{color:var(--muted)}
@media(max-width:950px){.pantry-quick-head{grid-template-columns:1fr}.pantry-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pantry-recent-grid{grid-template-columns:1fr}.pantry-quick-use{padding:15px}}

.catalog-search-box{position:relative}.catalog-search-box>svg{position:absolute;left:13px;top:12px;width:18px;color:var(--muted);z-index:2}.catalog-search-box>.product-catalog-search{padding-left:41px}.catalog-search-results{display:none;position:absolute;z-index:1080;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(34,39,58,.16);padding:6px}.catalog-search-results.show{display:block}.catalog-search-results button{width:100%;border:0;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;padding:8px;text-align:left}.catalog-search-results button:hover{background:#f4f2ff}.catalog-search-results button span,.catalog-search-results button strong,.catalog-search-results button small{display:block}.catalog-search-results button span{flex:1}.catalog-search-results button small{color:var(--muted);font-size:11px;margin-top:2px}.catalog-search-hint{padding:14px;color:var(--muted);font-size:12px}.catalog-selected{display:flex;align-items:center;gap:11px;border:1px solid #d8eadd;border-radius:12px;background:#f3fbf7;padding:10px 12px}.catalog-selected>div{flex:1}.catalog-selected strong,.catalog-selected span{display:block}.catalog-selected span{color:var(--muted);font-size:11px}.catalog-selected>svg{width:19px;color:#3d976e}.selected-store-note{display:flex;align-items:center;gap:10px;border-radius:11px;background:#f4f2ff;color:#5f52bd;padding:11px 13px}.selected-store-note svg{width:18px}.selected-store-note span{font-size:12px}
.shopping-store-title{display:flex!important;align-items:center;gap:11px}.shopping-store-title>.bill-logo{width:38px;height:38px;flex:0 0 38px}.catalog-selected{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;padding:10px}.catalog-selected strong,.catalog-selected span{display:block}.catalog-selected span{color:var(--muted);font-size:12px}.settings-unit-grid{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.settings-unit-grid>span{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:#fafbfe;padding:7px 8px 7px 11px}.settings-unit-grid button{border:0;background:transparent;color:#71798a;padding:2px}.settings-unit-grid button:hover{color:#6555d8}.settings-unit-grid button:last-child:hover{color:#d6485e}.settings-unit-grid svg{width:14px;height:14px}.settings-merchant-note{margin:0 14px 14px;border-radius:12px;background:#f1efff;color:#6555d8;padding:11px 12px;display:flex;align-items:center;gap:10px}.settings-merchant-note>svg{width:20px}.settings-merchant-note strong,.settings-merchant-note small{display:block}.settings-merchant-note small{color:#77708f;font-size:11px}

/* ===== pantry-concept.css ===== */
/* Tanshar Home — Product Catalog and grocery-entry refinements. */
.entry-grocery-row{grid-template-columns:38px minmax(120px,1fr) 78px 92px 128px 38px!important}
.entry-grocery-row select[data-location]{min-width:0}
.product-catalog-editor .form-text{color:var(--muted)!important}
@media(max-width:720px){
 .entry-grocery-row{grid-template-columns:34px minmax(0,1fr) 72px!important}
 .entry-grocery-row select[data-unit]{grid-column:2}
 .entry-grocery-row select[data-location]{grid-column:2/4}
 .entry-grocery-row button{grid-column:3;grid-row:2}
}

@media(max-width:700px){
 .pantry-pro-inventory,.pantry-pro-activity{height:min(56dvh,540px)!important;min-height:390px!important;overflow:hidden!important}
 .pantry-pro-list,.pantry-pro-activity-list{height:calc(100% - 82px)!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
 .pantry-pro-page{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
}

/* Compact Pantry dashboard inspired by the approved mobile inventory concept. */
.pantry-pro-page{max-width:1180px;margin:0 auto}.pantry-pro-summary{display:none!important}.pantry-pro-grid{grid-template-columns:1fr!important}.pantry-pro-inventory,.pantry-pro-activity{grid-column:1!important;height:310px!important}.pantry-pro-categories,.pantry-pro-guide{display:none!important}.pantry-quick-use,.pantry-pro-grid>.cardx{border-top:2px solid #c99d4b}.pantry-pro-list{height:199px}.pantry-pro-activity-list{height:255px}.pantry-scan-actions .btn{min-height:38px}.pantry-pro-heading>div:last-child{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end!important}.pantry-pro-heading>div:last-child>small{flex-basis:100%;text-align:right}.pantry-quick-head{grid-template-columns:minmax(280px,1fr) minmax(320px,500px)}
@media(max-width:700px){.pantry-pro-page{padding-bottom:90px}.pantry-pro-heading h2{font-size:27px}.pantry-pro-heading>div:last-child{display:grid!important;grid-template-columns:1fr}.pantry-pro-heading>div:last-child>small{text-align:center}.pantry-pro-inventory,.pantry-pro-activity{height:auto!important}.pantry-quick-head{grid-template-columns:1fr}.pantry-scan-actions{order:-1}}
@media(max-width:700px){.pantry-pro-inventory,.pantry-pro-activity{height:min(56dvh,540px)!important;min-height:390px!important;overflow:hidden!important}.pantry-pro-list,.pantry-pro-activity-list{height:calc(100% - 82px)!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.pantry-pro-page{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}}

/* ===== pantry-stock.css ===== */
.pantry-actions .stock-action{width:auto;min-width:52px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700}.pantry-actions .stock-action.use{background:#fff0f2;color:#c9475b}.pantry-actions .stock-action.add{background:#eaf8f1;color:#318461}.pantry-actions .stock-action.set{background:#f1efff;color:#6555d8}.stock-movement-product{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;padding:12px;margin-bottom:16px}.stock-movement-product small,.stock-movement-product strong{display:block}.stock-movement-product small{color:var(--muted);font-size:11px}.stock-balance-preview{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px;border-radius:11px;background:#eef8f3;padding:12px;color:#347e61}.stock-balance-preview strong.danger{color:#d6485e}.pantry-history-card{padding:0;overflow:hidden;margin-top:14px}.history-count{border-radius:99px;background:#f1efff;color:#6555d8!important;padding:6px 10px}.pantry-history-list{max-height:300px;overflow:auto}.pantry-history-row{display:grid;grid-template-columns:38px minmax(220px,1fr) 70px 110px 90px;align-items:center;gap:11px;padding:9px 18px;border-top:1px solid var(--line)}.pantry-history-row:first-child{border-top:0}.pantry-history-row strong,.pantry-history-row span{display:block}.pantry-history-row span{color:var(--muted);font-size:11px}.pantry-history-row em{justify-self:start;border-radius:99px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:700}.pantry-history-row em.use{background:#fff0f2;color:#c9475b}.pantry-history-row em.add{background:#eaf8f1;color:#318461}.pantry-history-row em.set{background:#f1efff;color:#6555d8}.pantry-history-row b{font-size:12px}.pantry-history-row small{color:var(--muted)}
@media(max-width:1100px){.pantry-head,.pantry-row{grid-template-columns:minmax(180px,1fr) 100px 130px 70px 220px}.pantry-actions{flex-wrap:wrap}.pantry-history-row{grid-template-columns:38px minmax(180px,1fr) 65px 90px 75px}}
@media(max-width:700px){.pantry-actions .stock-action{min-width:58px}.pantry-history-row{grid-template-columns:38px 1fr auto}.pantry-history-row b,.pantry-history-row small{grid-column:2/4}}

.pantry-workspace-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;align-items:stretch}.pantry-workspace-grid>.cardx{margin-top:0;min-width:0;height:370px}.pantry-list-scroll{height:calc(370px - 70px);overflow:auto}.pantry-head{position:sticky;top:0;z-index:2;grid-template-columns:minmax(190px,1fr) 90px 60px 230px}.pantry-row{grid-template-columns:38px minmax(140px,1fr) 90px 60px 230px;gap:10px;padding:8px 14px}.pantry-row>.product-picture{display:grid}.pantry-row>em{font-size:10px;border-radius:99px;padding:5px 7px;justify-self:start}.pantry-row>em.good{background:#eaf8f1;color:#318461}.pantry-row>em.low{background:#fff3e4;color:#c67722}.pantry-history-card{height:370px}.pantry-history-list{max-height:none;height:calc(370px - 70px);overflow:auto}.pantry-history-row{grid-template-columns:38px minmax(100px,1fr) 54px 82px 58px;gap:8px;padding:8px 12px}.pantry-history-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pantry-actions .stock-action{min-width:46px;padding:0 6px}
@media(max-width:1250px){.pantry-workspace-grid{grid-template-columns:1fr}.pantry-workspace-grid>.cardx,.pantry-history-card{height:350px}.pantry-list-scroll,.pantry-history-list{height:calc(350px - 70px)}.pantry-head{grid-template-columns:minmax(190px,1fr) 90px 60px 230px}.pantry-row{grid-template-columns:38px minmax(140px,1fr) 90px 60px 230px}}
@media(max-width:700px){.pantry-workspace-grid{grid-template-columns:1fr}.pantry-head{display:none}.pantry-row{grid-template-columns:38px minmax(0,1fr) auto}.pantry-row>em{grid-column:2}.pantry-row>.shopping-actions{grid-column:2/4}.pantry-history-row{grid-template-columns:38px minmax(0,1fr) auto}.pantry-history-row b,.pantry-history-row small{grid-column:2/4}}

/* ===== scheduled-transfers.css ===== */
.scheduled-transfer-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;margin-top:16px}.scheduled-transfer-grid>.cardx{padding:0;overflow:hidden;height:350px}.scheduled-transfer-grid .section-head{padding:15px 17px;border-bottom:1px solid var(--line);margin:0;min-height:72px}.scheduled-count{border-radius:99px;padding:6px 10px;background:#fff0e6;color:#c97423;font-size:10px;font-weight:700}.scheduled-scroll{height:278px;overflow:auto}.scheduled-due-row,.scheduled-list-row{display:grid;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}.scheduled-due-row:first-child,.scheduled-list-row:first-child{border-top:0}.scheduled-due-row{grid-template-columns:38px minmax(0,1fr) auto}.scheduled-due-row>div:last-child{display:flex;gap:6px}.scheduled-list-row{grid-template-columns:38px minmax(0,1fr) auto auto}.scheduled-due-row strong,.scheduled-due-row span,.scheduled-due-row small,.scheduled-list-row strong,.scheduled-list-row span,.scheduled-list-row small{display:block}.scheduled-due-row span,.scheduled-list-row span{font-size:11px;color:var(--muted);margin-top:2px}.scheduled-due-row small,.scheduled-list-row small{font-size:10px;color:var(--muted);margin-top:2px}.scheduled-transfer-icon{width:36px;height:36px;border-radius:10px;background:#efedff;color:#6558d3;display:grid;place-items:center}.scheduled-transfer-icon.automatic{background:#fff4df;color:#d58d20}.scheduled-transfer-icon svg{width:17px}.scheduled-list-row>em{border-radius:99px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:700}.scheduled-list-row>em.active{background:#e8f7ef;color:#29815d}.scheduled-list-row>em.paused{background:#eef0f4;color:#747c89}.scheduled-list-row.paused{opacity:.65}.scheduled-actions{display:flex;gap:4px}.scheduled-actions button{width:30px;height:30px;border:0;border-radius:8px;background:#f6f7fa;color:#687180;display:grid;place-items:center}.scheduled-actions button:hover{background:#ece9ff;color:#6152d0}.scheduled-actions button:last-child:hover{background:#fff0f2;color:#d6485e}.scheduled-actions svg{width:15px}.scheduled-empty{height:100%;min-height:180px}.scheduled-currency-check{display:flex;align-items:flex-start;gap:9px;border-radius:11px;background:#eef8f3;color:#317b5d;padding:11px 12px;font-size:11px}.scheduled-currency-check.invalid{background:#fff0f2;color:#c84458}.scheduled-currency-check svg{width:17px;flex:0 0 auto}.scheduled-run-summary{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;margin-bottom:16px}.scheduled-run-summary strong,.scheduled-run-summary span{display:block}.scheduled-run-summary span{font-size:11px;color:var(--muted)}@media(max-width:1100px){.scheduled-transfer-grid{grid-template-columns:1fr}.scheduled-transfer-grid>.cardx{height:330px}.scheduled-scroll{height:258px}}@media(max-width:700px){.scheduled-due-row{grid-template-columns:36px 1fr}.scheduled-due-row>div:last-child{grid-column:2}.scheduled-list-row{grid-template-columns:36px minmax(0,1fr) auto}.scheduled-list-row>em{grid-column:2}.scheduled-actions{grid-column:3;grid-row:1/3}}

/* ===== trips.css ===== */
.page-trips{max-width:1600px!important;margin:0 auto;padding-bottom:28px}.trip-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.trip-head h2{margin:2px 0 2px;font-size:25px}.trip-head p{margin:0;color:#aebad0}.trip-head-actions{display:flex;gap:8px;flex-wrap:wrap}.trip-head-actions .btn{min-height:36px;font-size:12px}.trip-selector-row{width:min(620px,100%);display:flex;align-items:center;gap:10px;margin-bottom:14px}.trip-selector-row label{font-weight:800;color:#d9e1f0}.trip-selector-row .form-select{background-color:#101d38;color:#f5f7ff;border-color:#33415f}.trip-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.trip-kpis article{min-height:100px;padding:15px;display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#14223f,#101d38);border:1px solid #2a3858}.trip-kpi-icon,.trip-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#1b2a47;color:#d9defa}.trip-kpi-icon{width:42px;height:42px}.trip-kpi-icon svg{width:20px}.trip-kpi-icon.green{background:#173a34;color:#79d4aa}.trip-kpi-icon.amber{background:#3a3020;color:#f2c66f}.trip-kpis small,.trip-kpis em{display:block;color:#aebad0;font-style:normal}.trip-kpis strong{display:block;font-size:20px;color:#fff;margin:2px 0}.trip-kpis strong.negative{color:#ff8795}.trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trip-panel{height:430px;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#14223f,#101d38);border:1px solid #2a3858}.trip-panel-head{padding:14px 15px 11px;border-bottom:1px solid #2a3858}.trip-panel-head h3{font-size:14px;margin:0;color:#fff}.trip-panel-head p{font-size:10px;margin:3px 0 0;color:#aebad0}.trip-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#56637c transparent}.trip-category-row,.trip-expense-row,.trip-directory-row{min-height:62px;border-bottom:1px solid #2a3858;padding:9px 12px;display:flex;align-items:center;gap:9px;color:#edf2fb}.trip-icon{width:36px;height:36px;background:#eaf0f5;color:#334a6e;overflow:hidden}.trip-icon img{width:100%;height:100%;object-fit:contain;padding:4px}.trip-icon.green{background:#e8f6ef;color:#42936d}.trip-icon.amber{background:#fff4dc;color:#c2882e}.trip-category-row>div,.trip-expense-row>div{min-width:0;flex:1}.trip-category-row strong,.trip-expense-row strong,.trip-directory-row strong{display:block;font-size:12px;color:#fff}.trip-category-row small,.trip-expense-row small,.trip-directory-row small{display:block;color:#aebad0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-expense-row>b,.trip-directory-row>b{font-size:11px;color:#f2c66f;white-space:nowrap}.trip-action{width:29px;height:29px;border:0;border-radius:9px;display:grid;place-items:center}.trip-action svg{width:14px}.trip-action.edit{background:#eeeafd;color:#5544bb}.trip-action.delete{background:#fff0f1;color:#bd4453}.trip-directory-row{width:100%;background:transparent;border-left:0;border-right:0;border-top:0;text-align:left}.trip-directory-row>span:nth-child(2){flex:1;min-width:0}.trip-directory-row.active{background:#172847;box-shadow:inset 3px 0 #e0ad58}.trip-empty{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8290a8;text-align:center;padding:20px}.trip-empty svg{width:28px}.trip-budget-note{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(224,173,88,.28);border-radius:10px;background:#172541;margin-bottom:15px;color:#f5f7ff}.trip-budget-note svg{color:#e0ad58}.trip-budget-note small{display:block;color:#aebad0}.trip-modal-danger{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #2a3858}.trip-modal-danger small{color:#aebad0}.trip-category-manager .settings-list{overflow-y:auto;min-height:0}.trip-category-manager .settings-mini-icon.amber{background:#3a3020;color:#f2c66f}
.trip-expense-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 15px}.trip-expense-kind label{border:1px solid #33415f;border-radius:10px;padding:11px 13px;color:#dbe5f5;font-weight:700;cursor:pointer;background:#101d38}.trip-expense-kind label:has(input:checked){border-color:#e0ad58;background:#192743;box-shadow:inset 0 2px #e0ad58}.trip-expense-kind input{margin-right:7px}.trip-split-box{margin-top:16px;padding:14px;border:1px solid #33415f;border-top:2px solid #e0ad58;border-radius:12px;background:#101d38}.trip-split-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.trip-split-head strong,.trip-split-head small{display:block}.trip-split-head small{color:#aebad0}.trip-split-modes{display:flex;gap:4px;flex-wrap:wrap}.trip-split-modes button{border:1px solid #33415f;background:#14223f;color:#cbd5e7;border-radius:8px;padding:6px 9px;font-size:11px}.trip-split-modes button.active{background:#7453e8;color:#fff;border-color:#8b70ee}.trip-friend-results{max-height:132px;overflow-y:auto;border:1px solid #2a3858;border-radius:10px;margin-top:8px;padding:5px}.trip-friend-results label{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;color:#edf2fb;cursor:pointer}.trip-friend-results label:hover{background:#192743}.trip-friend-results input{accent-color:#7453e8}.trip-friend-avatar{width:27px;height:27px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,#7453e8,#9b78ff);color:#fff;font-weight:800;flex:0 0 auto}.trip-share-list{margin-top:10px}.trip-share-row{display:grid;grid-template-columns:auto minmax(0,1fr) 145px;align-items:center;gap:9px;padding:7px 2px;border-bottom:1px solid #2a3858}.trip-share-row strong{font-size:12px;color:#fff}.trip-share-row em{font-style:normal;font-size:9px;color:#c8b8ff;background:#30265a;padding:2px 5px;border-radius:5px}.trip-share-row>div{display:flex;align-items:center;gap:5px}.trip-share-row input{height:34px}.trip-share-row small{color:#aebad0;min-width:35px}.trip-split-summary{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:10px;border-radius:9px;background:#172541;color:#aebad0}.trip-split-summary strong{display:block;color:#72d3a3}.trip-split-badge{font-style:normal;font-size:8px;color:#f2c66f;background:#3a3020;padding:2px 5px;border-radius:5px;margin-left:4px}
@media(max-width:1100px){.trip-kpis,.trip-grid{grid-template-columns:1fr}.trip-panel{height:360px}.trip-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.trip-head-actions{width:100%}.trip-head-actions .btn{flex:1}.trip-kpis{grid-template-columns:1fr}.trip-expense-row{grid-template-columns:auto 1fr}.trip-expense-row>b{margin-left:auto}.trip-split-head{flex-direction:column}.trip-share-row{grid-template-columns:auto 1fr}.trip-share-row>div{grid-column:1/-1}.trip-split-summary{flex-direction:column}}

/* Current and historical trip lifecycle. */
.trip-view-tabs{display:inline-flex;gap:5px;margin:0 0 12px;padding:4px;border:1px solid #2d3c5d;border-radius:10px;background:#0e1a32}.trip-view-tabs button{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 11px;border:0;border-radius:7px;background:transparent;color:#aebad0;font-size:11px;font-weight:700}.trip-view-tabs button svg{width:15px}.trip-view-tabs button span{min-width:19px;padding:2px 5px;border-radius:999px;background:#263653;color:#dce5f5;font-size:9px;text-align:center}.trip-view-tabs button.active{background:linear-gradient(135deg,#5db69e,#74c8b2);color:#fff}.trip-view-tabs button.active span{background:rgba(7,31,37,.25);color:#fff}.trip-head-actions .trip-complete{border-color:#9bd2bb;background:#153a32;color:#83d5ae}.trip-head-actions .trip-archive{border-color:#d8b96e;background:#3a3020;color:#f2ca79}.trip-selector-row{width:min(780px,100%)}
@media(max-width:650px){.trip-view-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.trip-view-tabs button{justify-content:center}.trip-selector-row{align-items:flex-start;flex-direction:column}.trip-selector-row .form-select{width:100%}}

/* ===== friends.css ===== */
.page-friends{max-width:1680px;margin:0 auto}.splitwise-shell{min-width:0}.splitwise-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.splitwise-title h2{margin:3px 0 4px;font-size:1.8rem}.splitwise-title p{margin:0;color:var(--text-muted,#aeb8cd)}.friend-head-actions{display:flex;gap:10px;flex-wrap:wrap}.friend-settle{display:inline-flex;align-items:center;gap:7px;background:#2f966d!important;border-color:#2f966d!important;color:#fff!important}.splitwise-workspace{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px;align-items:start}.split-side-card{height:720px;overflow:hidden;border:1px solid rgba(167,180,211,.2);border-radius:16px;background:var(--card-bg,#14203a);padding:14px;display:flex;flex-direction:column}.split-local-nav{display:grid;gap:5px;margin-bottom:16px}.split-local-nav button{height:44px;border:0;border-left:3px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary,#f7f8fc);display:flex;align-items:center;gap:11px;padding:0 13px;text-align:left}.split-local-nav button.active{border-left-color:#7657ef;background:rgba(118,87,239,.15)}.split-friend-filter{position:relative;display:block;margin-bottom:17px}.split-friend-filter svg{position:absolute;left:12px;top:12px;width:18px;color:var(--text-muted,#aeb8cd)}.split-friend-filter input{width:100%;height:42px;padding:0 12px 0 39px;border:1px solid rgba(167,180,211,.25);border-radius:9px;background:#0c172d;color:var(--text-primary,#f7f8fc)}.split-friend-title{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted,#aeb8cd);font-size:.78rem;font-weight:800;letter-spacing:.06em;margin-bottom:8px}.split-friend-title button{border:0;background:none;color:#a98cff;display:flex;gap:4px;align-items:center}.split-friend-title svg{width:15px}.split-friend-directory{min-height:0;overflow-y:auto;overscroll-behavior:contain}.split-directory-row{width:100%;min-height:55px;border:0;border-bottom:1px solid rgba(167,180,211,.16);background:transparent;color:var(--text-primary,#f7f8fc);display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 4px;text-align:left}.split-directory-row:hover{background:rgba(118,87,239,.08)}.split-directory-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-directory-row>svg{width:17px;color:var(--text-muted,#aeb8cd)}.friend-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#5f42dd,#8d62ff);color:#fff;font-weight:800}.splitwise-main{min-width:0}.split-summary-bar{min-height:94px;border:1px solid rgba(167,180,211,.2);border-radius:15px;background:var(--card-bg,#14203a);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.split-summary-bar>div{display:grid;place-content:center;text-align:center;padding:12px;position:relative}.split-summary-bar>div+div:before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:rgba(167,180,211,.24)}.split-summary-bar span,.split-summary-bar small{color:var(--text-muted,#aeb8cd)}.split-summary-bar strong{font-size:1.35rem;line-height:1.25}.split-summary-bar small{display:block;font-size:.76rem}.positive{color:#60cb8c!important}.negative{color:#ff6f78!important}.split-view-switch{display:flex;justify-content:flex-end;gap:2px;margin-bottom:12px}.split-view-switch button{height:38px;padding:0 18px;border:1px solid rgba(167,180,211,.18);background:#111d36;color:var(--text-muted,#aeb8cd);display:flex;align-items:center;gap:7px}.split-view-switch button:first-child{border-radius:9px 0 0 9px}.split-view-switch button:last-child{border-radius:0 9px 9px 0}.split-view-switch button.active{background:#332779;color:#fff}.split-view-switch button:disabled{opacity:.65}.split-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.split-balance-card{height:500px;overflow:hidden;border:1px solid rgba(167,180,211,.2);border-top:2px solid #c79a4b;border-radius:16px;background:var(--card-bg,#14203a);padding:18px}.split-balance-card h3{font-size:1rem;margin:0 0 12px}.split-balance-list{height:435px;overflow-y:auto;overscroll-behavior:contain}.split-balance-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 92px;align-items:center;gap:10px;padding:12px 3px;border-bottom:1px solid rgba(167,180,211,.17)}.split-balance-row>div strong,.split-balance-row>div small{display:block}.split-balance-row>div small{font-size:.76rem}.split-balance-row>b{white-space:nowrap;font-size:.95rem}.split-balance-row button{height:36px;border-radius:8px;background:transparent;font-weight:800}.split-balance-row button.receive{color:#66d394;border:1px solid rgba(96,203,140,.5)}.split-balance-row button.pay{color:#ff767f;border:1px solid rgba(255,111,120,.5)}.split-activity-page{height:612px;overflow:hidden;border:1px solid rgba(167,180,211,.2);border-top:2px solid #c79a4b;border-radius:16px;background:var(--card-bg,#14203a);padding:18px}.split-page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid rgba(167,180,211,.17)}.split-page-head h3{margin:0;font-size:1.05rem}.split-page-head p{margin:3px 0 0;color:var(--text-muted,#aeb8cd);font-size:.82rem}.split-page-head>span{padding:6px 10px;border-radius:999px;background:rgba(118,87,239,.15);color:#b9a9ff;font-size:.76rem}.split-activity-list{height:530px;overflow-y:auto;overscroll-behavior:contain}.split-activity-row{display:grid;grid-template-columns:42px minmax(0,1fr) 130px 130px;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid rgba(167,180,211,.17)}.split-activity-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.split-activity-icon.positive{background:rgba(96,203,140,.13)}.split-activity-icon.negative{background:rgba(255,111,120,.13)}.split-activity-row>div strong,.split-activity-row>div span{display:block}.split-activity-row>div span{font-size:.78rem;color:var(--text-muted,#aeb8cd)}.split-activity-row em{text-transform:capitalize;color:var(--text-muted,#aeb8cd);font-style:normal;font-size:.78rem}.split-activity-row>b{text-align:right;white-space:nowrap}.friend-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--text-muted,#aeb8cd);text-align:center}.friend-empty.small{min-height:150px}.friend-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.friend-full{grid-column:1/-1}.friend-active{display:flex;gap:9px;align-items:center}.friend-settle-summary,.settle-help{border:1px solid rgba(199,154,75,.45);border-top:2px solid #c79a4b;border-radius:12px;padding:13px;margin-bottom:16px;display:flex;gap:10px;align-items:center}.friend-settle-summary{justify-content:space-between}.friend-settle-summary.positive strong{color:#60cb8c}.friend-settle-summary.negative strong{color:#ff6f78}.friend-settle-summary strong{font-size:1.35rem}.settle-choice-list{display:grid;gap:8px;max-height:360px;overflow-y:auto}.settle-choice{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(167,180,211,.2);border-radius:11px;background:#101c34;color:var(--text-primary,#f7f8fc);text-align:left}.settle-choice>span:nth-child(2) strong,.settle-choice>span:nth-child(2) small{display:block}.settle-choice small{color:var(--text-muted,#aeb8cd)}.settle-choice.positive b{color:#60cb8c}.settle-choice.negative b{color:#ff6f78}.page-friends .modal-content{border-top:2px solid #c79a4b!important}.friends-loading{padding:40px;text-align:center;color:var(--text-muted,#aeb8cd)}
@media(max-width:1100px){.splitwise-workspace{grid-template-columns:220px minmax(0,1fr)}.split-balance-row{grid-template-columns:40px minmax(0,1fr) 80px}.split-balance-row>b{display:none}}
@media(max-width:768px){.splitwise-title{align-items:stretch;flex-direction:column}.friend-head-actions{display:grid;grid-template-columns:1fr 1fr}.splitwise-workspace{grid-template-columns:1fr}.split-side-card{height:auto;max-height:380px}.split-local-nav{grid-template-columns:repeat(3,1fr)}.split-local-nav button{justify-content:center;padding:0 6px;font-size:.77rem}.split-friend-directory{max-height:190px}.split-summary-bar{grid-template-columns:1fr}.split-summary-bar>div+div:before{left:8%;right:8%;top:0;bottom:auto;width:auto;height:1px}.split-balance-grid{grid-template-columns:1fr}.split-balance-card{height:420px}.split-activity-row{grid-template-columns:38px minmax(0,1fr) auto}.split-activity-row em{display:none}.friend-form-grid{grid-template-columns:1fr}.friend-full{grid-column:auto}}
.friend-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.friend-detail-head strong,.friend-detail-head small{display:block}.friend-detail-head small{margin-top:2px;color:var(--text-muted,#aeb8cd)}.friend-detail-balances{display:grid;gap:9px}.friend-detail-balances>div{display:grid;grid-template-columns:minmax(0,1fr) auto 88px;align-items:center;gap:12px;padding:12px;border:1px solid rgba(167,180,211,.2);border-radius:11px;background:#101c34}.friend-detail-balances span{color:var(--text-muted,#aeb8cd)}.friend-detail-balances button{height:35px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-weight:800}.friend-detail-balances .settled{display:flex;justify-content:center;color:#60cb8c}.friend-detail-balances .settled svg{width:20px}.friend-detail-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.friend-detail-actions .btn{display:inline-flex;align-items:center;gap:7px}

/* ===== friends-split.css ===== */
body.splitwise-open{overflow:hidden}.splitwise-overlay{position:fixed;inset:0;z-index:1085;display:grid;place-items:center;padding:22px;background:rgba(2,7,20,.78);backdrop-filter:blur(7px)}.splitwise-secondary{z-index:1095;background:rgba(2,7,20,.58)}.splitwise-dialog{width:min(680px,100%);max-height:calc(100vh - 44px)}.split-options-dialog{width:min(650px,100%)}.splitwise-panel{display:flex;flex-direction:column;max-height:calc(100vh - 44px);overflow:hidden;border:1px solid rgba(134,155,200,.3);border-top:3px solid #d0a34e;border-radius:17px;background:linear-gradient(145deg,#101d39,#0b1730);box-shadow:0 28px 80px rgba(0,0,0,.55);color:#f7f9ff}.splitwise-panel>header,.splitwise-panel>footer{display:flex;align-items:center;padding:18px 24px}.splitwise-panel>header{justify-content:space-between;border-bottom:1px solid rgba(148,165,202,.2)}.splitwise-panel>header h2{margin:0;font-size:1.3rem;font-weight:800}.splitwise-panel>footer{justify-content:flex-end;gap:10px;border-top:1px solid rgba(148,165,202,.18)}.splitwise-body{overflow-y:auto;padding:20px 24px}.split-close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#b8c3da}.split-close:hover{background:rgba(255,255,255,.08);color:white}.split-label,.split-form-grid label>span{display:block;margin-bottom:7px;color:#c9d2e5;font-size:.82rem;font-weight:700}.split-selected-people{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:42px;margin-bottom:8px}.split-empty-people{color:#8290ad;font-size:.84rem}.split-person-chip{display:flex;align-items:center;gap:6px;border:1px solid rgba(143,161,202,.35);border-radius:999px;padding:5px 9px 5px 5px;background:#172542;color:#f5f7fc;font-size:.82rem}.split-person-chip>span,.split-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7658e9,#d3a34c);color:#fff;font-weight:900}.split-person-chip>span{width:26px;height:26px;font-size:.65rem}.split-person-chip svg{width:14px}.split-friend-search-wrap{position:relative;margin-left:132px}.split-friend-search-wrap>svg,.split-options-search>svg{position:absolute;left:13px;top:50%;width:18px;transform:translateY(-50%);color:#8fa0bf}.split-friend-search{width:100%;height:44px;padding:0 40px;border:1px solid rgba(143,161,202,.38);border-radius:10px;background:#101c35;color:#fff;outline:none}.split-friend-search:focus{border-color:#8a69ef;box-shadow:0 0 0 3px rgba(126,91,232,.18)}.split-search-results{position:absolute;z-index:6;top:49px;left:0;right:0;display:none;max-height:245px;overflow-y:auto;border:1px solid rgba(143,161,202,.35);border-radius:11px;background:#111f3b;box-shadow:0 18px 38px rgba(0,0,0,.45)}.split-search-results.show{display:block}.split-search-results button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 13px;border:0;border-bottom:1px solid rgba(143,161,202,.16);background:transparent;color:#f4f7fd;text-align:left}.split-search-results button:hover{background:rgba(124,91,229,.18)}.split-search-results p{margin:0;padding:18px;color:#9daac2;text-align:center}.split-result-check{width:24px;height:24px;display:grid;place-items:center;border:1px solid #7785a2;border-radius:6px}.split-result-check svg{width:14px}.split-avatar{width:34px;height:34px;flex:0 0 auto;font-size:.72rem}.split-expense-core{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center;margin:22px 0 12px}.split-receipt-icon{width:58px;height:70px;display:grid;place-items:center;border:1px solid rgba(158,174,208,.35);border-radius:11px;background:linear-gradient(145deg,#ebeafa,#fff);color:#6653d4;box-shadow:0 8px 18px rgba(0,0,0,.22)}.split-receipt-icon svg{width:30px;height:30px}.split-core-fields{display:grid;gap:5px}.split-description,.split-total{width:100%;border:0;border-bottom:1px dashed rgba(182,194,220,.38);background:transparent;color:#fff;outline:0}.split-description{height:38px;font-size:1.05rem}.split-amount-row{display:flex;align-items:center;gap:7px}.split-currency-symbol{font-size:1.2rem;color:#c6d0e3}.split-total{height:52px;font-size:2rem;font-weight:850}.split-paid-line{display:block;width:100%;padding:7px;border:0;background:transparent;color:#b7c1d6;text-align:center}.split-paid-line strong{color:#67c69a}.split-paid-line .split-summary{display:block;margin-top:3px;color:#d3dbeb;font-size:.82rem}.split-paid-line:hover .split-method-label{text-decoration:underline}.split-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.split-form-grid label{margin:0}.split-form-grid .form-control,.split-form-grid .form-select{height:46px;border-color:rgba(143,161,202,.35);background-color:#101c35;color:#f5f7fd}.split-account-field{grid-column:1/-1}.split-upload input{display:none}.split-upload-button{height:46px!important;display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0 12px;border:1px dashed rgba(143,161,202,.45);border-radius:8px;color:#bfc9dd!important;cursor:pointer}.split-upload-button small{margin-left:auto;color:#8291ae}.split-form-error,.split-options-error{min-height:22px;margin-top:10px;color:#ff8393;font-size:.83rem}.split-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;border:1px solid rgba(143,161,202,.35);border-radius:9px;overflow:hidden}.split-tabs button{min-height:44px;border:0;border-right:1px solid rgba(143,161,202,.2);background:#17243f;color:#c6cfe0}.split-tabs button:last-child{border-right:0}.split-tabs button.active{background:linear-gradient(135deg,#6545d3,#815df0);color:#fff;font-weight:800}.split-options-title{margin:0 0 15px;font-size:1.15rem}.split-options-search{position:relative;margin-bottom:12px}.split-options-search input{width:100%;height:44px;padding:0 42px;border:1px solid rgba(143,161,202,.35);border-radius:9px;background:#101c35;color:white}.split-participant-list{max-height:390px;overflow-y:auto;padding-right:5px}.split-participant{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid rgba(143,161,202,.18)}.split-participant>div>strong{display:block}.split-participant>div>small{display:inline-block;margin-top:3px;padding:2px 7px;border-radius:99px;background:#4d377f;color:#d9ceff}.split-participant>strong{font-size:.95rem}.split-value-input{display:flex;align-items:center;min-width:125px;height:38px;border:1px solid rgba(143,161,202,.36);border-radius:8px;background:#101c35;overflow:hidden}.split-value-input input{width:86px;height:100%;border:0;background:transparent;color:#fff;text-align:right;outline:0}.split-value-input span{padding:0 9px;color:#aebbd3;font-size:.78rem}.split-options-total{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding:14px 0 2px;border-top:1px solid rgba(143,161,202,.25)}.split-options-total span{color:#aeb9cf}.split-options-total strong{color:#66c99a}.splitwise-panel .btn{min-width:105px;min-height:44px}.splitwise-panel .btn-primary{border:0;background:linear-gradient(135deg,#6545d3,#8b63f4)}
.split-participant{grid-template-columns:24px 38px 1fr auto}.split-selected-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(135deg,#6745d5,#916cf6);color:#fff}.split-selected-mark svg{width:14px;height:14px}.split-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.splitwise-overlay{align-items:end;padding:0}.splitwise-dialog,.split-options-dialog{width:100%;max-height:94dvh}.splitwise-panel{max-height:94dvh;border-radius:20px 20px 0 0}.splitwise-body{padding:17px}.splitwise-panel>header,.splitwise-panel>footer{padding:15px 17px}.split-friend-search-wrap{margin-left:0}.split-form-grid{grid-template-columns:1fr}.split-account-field{grid-column:auto}.split-tabs{grid-template-columns:1fr 1fr}.split-tabs button:nth-child(2){border-right:0}.split-tabs button:nth-child(-n+2){border-bottom:1px solid rgba(143,161,202,.2)}.split-tabs button:last-child{grid-column:1/-1}.split-participant-list{max-height:44dvh}.split-value-input{min-width:110px}.split-expense-core{margin-top:15px}.splitwise-panel .btn{flex:1}.split-options-total{align-items:flex-start;flex-direction:column}.split-search-results{max-height:190px}}

/* Compact Add expense modal matching the approved preview. */
.split-expense-compact{width:min(510px,calc(100vw - 28px));max-height:none}.split-expense-compact .splitwise-panel{max-height:none;border-top:3px solid #d6b15d;border-radius:12px;background:linear-gradient(150deg,#111d39,#0c1730 72%);box-shadow:0 24px 70px rgba(0,0,0,.58)}.split-expense-compact .splitwise-panel>header{min-height:54px;padding:0 18px;background:linear-gradient(135deg,#67bea7,#70c3ae);border-bottom:1px solid rgba(255,255,255,.18)}.split-expense-compact .splitwise-panel>header h2{font-size:1.18rem}.split-expense-compact .split-close{width:32px;height:32px;color:#fff}.split-expense-compact .split-close:hover{background:rgba(0,0,0,.1)}
.split-expense-compact .splitwise-body{overflow:visible;padding:13px 18px 10px}.split-expense-compact .split-people-line{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:40px}.split-expense-compact .split-label{margin:0;white-space:nowrap;font-size:.76rem}.split-expense-compact .split-selected-people{min-height:32px;margin:0;gap:5px}.split-expense-compact .split-empty-people{display:none}.split-expense-compact .split-person-chip{padding:3px 7px 3px 3px;font-size:.72rem}.split-expense-compact .split-person-chip>span,.split-expense-compact .split-avatar{background:linear-gradient(135deg,hsl(var(--friend-hue,255) 72% 55%),hsl(calc(var(--friend-hue,255) + 38) 60% 38%))}.split-expense-compact .split-person-chip>span{width:23px;height:23px;font-size:.58rem}.split-expense-compact .split-person-chip svg{width:12px}.split-expense-compact .split-friend-search-wrap{grid-column:1/-1;margin:4px 0 0}.split-expense-compact .split-friend-search{height:34px;padding:0 34px;border-radius:17px;font-size:.76rem}.split-expense-compact .split-friend-search-wrap>svg{left:11px;width:15px}.split-expense-compact .split-search-results{top:38px;max-height:180px;border-radius:8px}.split-expense-compact .split-search-results button{padding:7px 10px;font-size:.76rem}
.split-expense-compact .split-expense-core{grid-template-columns:62px 1fr;gap:13px;margin:12px 0 4px}.split-expense-compact .split-receipt-icon{width:62px;height:68px;border-radius:8px;background:linear-gradient(145deg,#f3efff,#fff);color:#6e54d9}.split-expense-compact .split-receipt-icon svg{width:31px;height:31px}.split-expense-compact .split-icon-hotel{background:linear-gradient(145deg,#f7dfe7,#f1c9d6);color:#8b5266}.split-expense-compact .split-icon-groceries{background:linear-gradient(145deg,#dff3e4,#bfe6cc);color:#367b50}.split-expense-compact .split-icon-gift{background:linear-gradient(145deg,#ffe5bf,#f6c77d);color:#9a5d12}.split-expense-compact .split-icon-food{background:linear-gradient(145deg,#ffe1da,#f2b8a9);color:#a34d3b}.split-expense-compact .split-icon-travel{background:linear-gradient(145deg,#dfeaff,#bdd2f5);color:#4567a2}.split-expense-compact .split-icon-fuel{background:linear-gradient(145deg,#e6e1ff,#c8bbf4);color:#6651a7}.split-expense-compact .split-icon-home{background:linear-gradient(145deg,#f8e4bd,#eac985);color:#8c681f}.split-expense-compact .split-icon-entertainment{background:linear-gradient(145deg,#e8dcff,#cbb6f3);color:#6842a1}.split-expense-compact .split-icon-medical{background:linear-gradient(145deg,#ffe1e5,#f5bdc5);color:#a34051}.split-expense-compact .split-icon-utility{background:linear-gradient(145deg,#fff0b9,#efcf65);color:#8b6a00}.split-expense-compact .split-icon-shopping{background:linear-gradient(145deg,#dff4f3,#bce1df);color:#347776}.split-expense-compact .split-description{height:32px;font-size:1rem}.split-expense-compact .split-total{height:43px;font-size:2rem}.split-expense-compact .split-currency-symbol{font-size:1.12rem}.split-expense-compact .split-paid-line{padding:6px 0 4px;font-size:.8rem}.split-expense-compact .split-paid-line strong{display:inline-block;padding:2px 7px;border:1px solid rgba(103,198,154,.3);border-radius:999px;background:rgba(103,198,154,.08)}.split-expense-compact .split-paid-line .split-summary{margin-top:2px;font-size:.68rem}
.split-expense-compact .split-form-grid{grid-template-columns:1fr 1fr;gap:7px 9px;margin-top:7px}.split-expense-compact .split-form-grid label>span{margin-bottom:3px;font-size:.68rem}.split-expense-compact .split-form-grid .form-control,.split-expense-compact .split-form-grid .form-select{height:35px;padding-top:4px;padding-bottom:4px;border-radius:7px;font-size:.78rem}.split-expense-compact .split-account-field{grid-column:auto}.split-expense-compact .split-upload-button{height:35px!important;padding:0 9px;border-style:solid;border-radius:7px;font-size:.72rem}.split-expense-compact .split-upload-button svg{width:16px}.split-expense-compact .split-upload-button small{font-size:.62rem}.split-expense-compact .split-payer-note{min-height:13px;margin:5px 0 0;color:#8998b4;font-size:.64rem;text-align:center}.split-expense-compact .split-form-error{min-height:15px;margin-top:2px;font-size:.7rem}.split-expense-compact .splitwise-panel>footer{min-height:54px;padding:8px 15px}.split-expense-compact .splitwise-panel .btn{min-width:96px;min-height:36px;padding:5px 12px;font-size:.78rem}.split-expense-compact .split-save{border:0!important;background:linear-gradient(135deg,#5db69e,#74c8b2)!important;color:#fff!important}
@media(max-width:540px){.split-expense-compact{width:100%;max-height:96dvh}.split-expense-compact .splitwise-panel{max-height:96dvh;border-radius:14px 14px 0 0}.split-expense-compact .splitwise-body{overflow-y:auto}.split-expense-compact .split-form-grid{grid-template-columns:1fr 1fr}.split-expense-compact .splitwise-panel>header{padding:0 14px}.split-expense-compact .splitwise-body{padding:11px 14px 8px}.split-expense-compact .split-payer-note{display:none}}

/* Compact symbol-based split chooser. */
.split-options-dialog{width:min(520px,calc(100vw - 28px))}.split-options-dialog .splitwise-panel{border-top:3px solid #d6b15d;border-radius:12px;background:linear-gradient(150deg,#111d39,#0c1730 72%)}.split-options-dialog .splitwise-panel>header{min-height:54px;padding:0 18px;border:0;background:linear-gradient(135deg,#66bda6,#78c9b4);color:#fff}.split-options-dialog .split-close{color:#fff}.split-options-dialog .splitwise-body{padding:14px 18px}.split-symbol-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 14px;border:0;overflow:visible}.split-symbol-tabs button{min-height:58px;display:grid;place-items:center;align-content:center;gap:3px;padding:6px 3px;border:1px solid rgba(143,161,202,.3)!important;border-radius:8px;background:#111d37;color:#aebad0}.split-symbol-tabs button svg{width:21px;height:21px}.split-symbol-tabs button small{font-size:.62rem}.split-symbol-tabs button.active{border-color:#6fc5ac!important;background:rgba(103,195,170,.14);color:#79d0b7;font-weight:800;box-shadow:inset 0 0 0 1px rgba(103,195,170,.18)}.split-options-dialog .split-options-title{margin:0 0 8px;font-size:.92rem}.split-options-dialog .split-participant-list{max-height:310px;padding-right:3px}.split-options-dialog .split-participant{min-height:48px;padding:7px 2px}.split-options-dialog .split-options-total{margin-top:8px;padding-top:10px;font-size:.78rem}.split-options-dialog .splitwise-panel>footer{min-height:54px;padding:8px 15px}.split-options-dialog .split-apply{border:0!important;background:linear-gradient(135deg,#5db69e,#74c8b2)!important;color:#fff!important}.split-options-dialog .split-selected-mark{background:linear-gradient(135deg,#5db69e,#74c8b2)}
@media(max-width:540px){.split-options-dialog{width:100%;max-height:94dvh}.split-options-dialog .splitwise-panel{max-height:94dvh;border-radius:14px 14px 0 0}.split-symbol-tabs{grid-template-columns:repeat(5,1fr)}.split-symbol-tabs button{min-height:52px}.split-symbol-tabs button small{font-size:.56rem}}

/* Model C: Splitwise overview header and four-card summary. */
.page-friends .classic-model-c .classic-splitwise-top{background:linear-gradient(100deg,#63bda5 0%,#79cbb5 55%,#63bda5 100%);box-shadow:0 8px 30px rgba(61,176,145,.12)}
.page-friends .classic-model-c .classic-content-header{min-height:78px;padding:11px 18px;background:linear-gradient(105deg,rgba(111,89,218,.13),rgba(15,25,48,.08) 58%)}
.page-friends .classic-heading-copy{display:grid!important;gap:2px}.page-friends .classic-heading-copy h2{margin:0}.page-friends .classic-heading-copy p{margin:0;color:#9eabc1;font-size:11px}.page-friends .classic-overview-eyebrow{color:#d7b766;font-size:9px;font-weight:800;letter-spacing:.15em}.page-friends .classic-header-actions{display:flex;gap:8px}
.page-friends .classic-model-c-summary{padding:12px 14px 10px;border-bottom:1px solid var(--sw-line);background:linear-gradient(180deg,rgba(15,25,48,.82),rgba(9,18,35,.3))}
.page-friends .classic-model-c-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.page-friends .classic-model-c-card{position:relative;min-width:0;min-height:91px;display:flex;align-items:flex-start;gap:10px;padding:12px 12px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.17)}
.page-friends .classic-model-c-card.tone-green{background:linear-gradient(135deg,rgba(42,112,88,.5),rgba(13,34,40,.92));border-color:rgba(112,215,164,.3)}.page-friends .classic-model-c-card.tone-coral{background:linear-gradient(135deg,rgba(126,54,65,.54),rgba(39,25,37,.94));border-color:rgba(239,112,128,.3)}.page-friends .classic-model-c-card.tone-blue{background:linear-gradient(135deg,rgba(45,82,151,.58),rgba(19,31,64,.94));border-color:rgba(103,155,244,.3)}.page-friends .classic-model-c-card.tone-violet{background:linear-gradient(135deg,rgba(83,49,158,.62),rgba(34,24,72,.94));border-color:rgba(157,112,255,.34)}
.page-friends .classic-model-c-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;font-size:18px;font-weight:800}
.page-friends .classic-model-c-copy{min-width:0;display:grid;gap:1px}.page-friends .classic-model-c-copy>span{color:#cbd4e3;font-size:10px}.page-friends .classic-model-c-copy strong{display:block;font-size:17px;line-height:1.18;font-weight:780;white-space:nowrap}.page-friends .classic-model-c-copy small{color:#95a3bb;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-friends .classic-model-c-spark{position:absolute;left:12px;right:12px;bottom:8px;height:12px;opacity:.75;background:linear-gradient(150deg,transparent 0 12%,currentColor 13% 15%,transparent 16% 30%,currentColor 31% 33%,transparent 34% 50%,currentColor 51% 53%,transparent 54% 67%,currentColor 68% 70%,transparent 71%);clip-path:polygon(0 82%,13% 60%,25% 75%,39% 38%,52% 69%,67% 46%,79% 58%,91% 24%,100% 36%,100% 48%,91% 36%,79% 70%,67% 58%,52% 81%,39% 50%,25% 87%,13% 72%,0 94%)}.page-friends .tone-green .classic-model-c-spark{color:#73cb98}.page-friends .tone-coral .classic-model-c-spark{color:#ee7080}.page-friends .tone-blue .classic-model-c-spark{color:#75a8f4}.page-friends .tone-violet .classic-model-c-spark{color:#a27aff}
.page-friends .classic-model-c-ribbon{display:grid;grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:4px 12px;margin-top:9px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(5,12,26,.45)}.page-friends .classic-model-c-ribbon>span{grid-row:1/3;color:#dce3ef;font-size:10px;font-weight:700}.page-friends .classic-model-c-ribbon>div{height:6px;display:grid;grid-template-columns:42% 16% 42%;overflow:hidden;border-radius:999px;background:#202d47}.page-friends .classic-model-c-ribbon i{display:block}.page-friends .classic-model-c-ribbon .ribbon-owed{background:linear-gradient(90deg,#4fae81,#7bd2a5)}.page-friends .classic-model-c-ribbon .ribbon-clear{background:#d2b663}.page-friends .classic-model-c-ribbon .ribbon-owe{background:linear-gradient(90deg,#ec8b77,#ee6577)}.page-friends .classic-model-c-ribbon small{display:flex;justify-content:space-between;color:#8290a8;font-size:8px}.page-friends .classic-model-c-ribbon b{font-weight:600}
@media(min-width:851px){.page-friends .classic-model-c .classic-split-content{grid-template-rows:78px minmax(0,1fr)}.page-friends .classic-model-c .classic-balance-columns{min-height:280px}.page-friends .classic-model-c .classic-overview-layout{overflow:hidden}.page-friends .classic-model-c .classic-overview-main,.page-friends .classic-model-c .classic-insights{overflow-y:auto}}
@media(max-width:1050px){.page-friends .classic-model-c-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-friends .classic-model-c-card{min-height:78px}.page-friends .classic-model-c-spark{display:none}}
@media(max-width:760px){.page-friends .classic-model-c .classic-content-header{min-height:auto}.page-friends .classic-model-c-grid{grid-template-columns:1fr 1fr}.page-friends .classic-model-c-card{padding:9px;min-height:74px}.page-friends .classic-model-c-copy strong{font-size:14px}.page-friends .classic-model-c-ribbon{grid-template-columns:1fr}.page-friends .classic-model-c-ribbon>span{grid-row:auto}.page-friends .classic-model-c-ribbon small{display:none}}
@media(max-width:480px){.page-friends .classic-model-c-grid{grid-template-columns:1fr}.page-friends .classic-model-c-card{min-height:68px}.page-friends .classic-model-c-icon{width:28px;height:28px;flex-basis:28px}.page-friends .classic-heading-copy p{display:none}}

/* Transactions Model B: compact card-led activity timeline. */
.transaction-model-b{--txb-border:rgba(201,157,70,.52);--txb-panel:#111d36;--txb-row:#0f1a31;--txb-row-alt:#12203b;--txb-text:#f2f5fb;--txb-muted:#91a1bc;min-width:0}
.transaction-model-b .transaction-compact-head{align-items:center;margin-bottom:14px}.transaction-model-b .transaction-compact-head h2{font-size:25px;line-height:1.1;color:var(--txb-text)}.transaction-model-b .transaction-compact-head .btn{min-height:40px;border-radius:10px;font-size:12px}.transaction-model-b .transaction-compact-head .btn-primary{background:linear-gradient(135deg,#6652d9,#8b62ed);box-shadow:0 8px 22px rgba(104,80,220,.25)}
.transaction-model-b .transaction-mini-summary{gap:14px;margin-bottom:16px}.transaction-model-b .transaction-mini-summary>span{position:relative;min-height:94px;justify-content:flex-start;gap:14px;padding:15px 18px;border-radius:14px;overflow:hidden;background:var(--txb-panel);box-shadow:0 12px 30px rgba(0,0,0,.18)}.transaction-model-b .transaction-mini-summary>span:after{content:"";position:absolute;inset:auto -10% -22px 38%;height:55px;opacity:.22;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 9px,currentColor 10px 11px,transparent 12px 18px)}.transaction-model-b .transaction-mini-summary>span>svg{width:39px;height:39px;flex:0 0 39px;padding:9px;border-radius:50%;background:rgba(255,255,255,.08)}.transaction-model-b .transaction-mini-summary>span>span{display:grid;gap:1px;z-index:1}.transaction-model-b .transaction-mini-summary small{color:#c0cbe0;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.transaction-model-b .transaction-mini-summary strong{font-size:20px;line-height:1.15}.transaction-model-b .transaction-mini-summary em{color:var(--txb-muted);font-size:9px;font-style:normal}.transaction-model-b .transaction-mini-summary .summary-entries{color:#67d4b0;border-color:rgba(62,204,164,.55);background:linear-gradient(135deg,rgba(15,85,78,.55),#10213a 72%)}.transaction-model-b .transaction-mini-summary .summary-usd{color:#a682ff;border-color:rgba(137,94,236,.55);background:linear-gradient(135deg,rgba(66,37,133,.55),#101b36 72%)}.transaction-model-b .transaction-mini-summary .summary-inr{color:#ff7681;border-color:rgba(235,98,111,.55);background:linear-gradient(135deg,rgba(107,40,52,.55),#171a35 72%)}
.transaction-model-b .transaction-card{padding:14px;border-color:var(--txb-border);border-radius:16px;background:linear-gradient(160deg,rgba(17,29,54,.98),rgba(8,17,34,.98));box-shadow:0 15px 38px rgba(0,0,0,.2)}.transaction-model-b .transaction-filters{padding:0 2px 12px;margin:0}.transaction-model-b .transaction-filters .form-control,.transaction-model-b .transaction-filters .form-select{height:42px;border-color:rgba(126,145,181,.28);border-radius:10px;background:#0c1830;color:#eef2f9;font-size:10px}.transaction-model-b .transaction-filters .form-control::placeholder{color:#71819e}.transaction-model-b .transaction-filters label>svg{top:13px;color:#9aa9c0}
.transaction-model-b-list{max-height:none!important;overflow:visible!important;display:grid;gap:5px}.transaction-model-b .transaction-model-b-row{position:relative;grid-template-columns:57px 43px minmax(180px,1fr) 82px minmax(112px,.24fr) 76px;min-height:55px;gap:10px;padding:5px 8px;border:1px solid rgba(129,148,184,.18)!important;border-radius:10px;background:linear-gradient(90deg,var(--txb-row),var(--txb-row-alt));overflow:hidden;transition:transform .16s,border-color .16s,background .16s}.transaction-model-b .transaction-model-b-row:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#f06c79}.transaction-model-b .transaction-model-b-row.is-income:before{background:#55c98f}.transaction-model-b .transaction-model-b-row:hover{transform:translateY(-1px);border-color:rgba(201,157,70,.48)!important;background:linear-gradient(90deg,#13223e,#172744)}
.transaction-model-b .transaction-date-tile{width:48px;height:43px;display:grid;place-items:center;align-content:center;gap:0;border:1px solid rgba(201,157,70,.28);border-radius:9px;background:#0a152b;color:#fff}.transaction-model-b .transaction-date-tile small{color:#d6b45f;font-size:8px;font-weight:800;line-height:1}.transaction-model-b .transaction-date-tile strong{font-size:15px;line-height:1.15}.transaction-model-b .tx-logo-button,.transaction-model-b .tx-transfer-icon{width:39px;height:39px;display:grid;place-items:center}.transaction-model-b .tx-logo-button .bill-logo,.transaction-model-b .tx-transfer-icon{width:37px;height:37px;border-radius:9px}.transaction-model-b .transaction-main strong{color:var(--txb-text);font-size:11px}.transaction-model-b .transaction-main span{color:var(--txb-muted);font-size:9px}.transaction-model-b .transaction-type{justify-self:center;min-width:58px;text-align:center}.transaction-model-b .transaction-type.income{background:rgba(57,174,117,.17);color:#6ed79e}.transaction-model-b .transaction-type.expense{background:rgba(224,88,105,.16);color:#ff7d8c}.transaction-model-b .transaction-amount{font-size:12px;font-weight:800}.transaction-model-b .transaction-amount.income{color:#69d798}.transaction-model-b .transaction-amount.expense{color:#ff7382}.transaction-model-b .transaction-actions{justify-content:flex-end}.transaction-model-b .transaction-action{width:31px;height:31px;border-color:rgba(136,153,184,.25);border-radius:8px;background:#0d1930}.transaction-model-b .transaction-action.edit{color:#b9c8e5}.transaction-model-b .transaction-action.delete{color:#fa6878}.transaction-model-b .transaction-action:hover{border-color:rgba(201,157,70,.55);background:#172641}
.transaction-model-b .transaction-pager{margin-top:10px;padding:10px 2px 0;color:var(--txb-muted)}.transaction-model-b .transaction-pager b{color:#b8c3d7}.transaction-model-b .transaction-page{border-color:rgba(129,148,184,.25);background:#0d1930;color:#dce4f2}
@media(max-width:1050px){.transaction-model-b .transaction-model-b-row{grid-template-columns:52px 40px minmax(150px,1fr) 70px 105px 68px}.transaction-model-b .transaction-mini-summary>span{min-height:86px;padding:12px}}
@media(max-width:760px){.transaction-model-b .transaction-mini-summary{grid-template-columns:1fr}.transaction-model-b .transaction-mini-summary>span{min-height:74px}.transaction-model-b .transaction-model-b-row{grid-template-columns:49px 39px minmax(0,1fr) auto;padding:7px}.transaction-model-b .transaction-type{display:none}.transaction-model-b .transaction-amount{grid-column:3;text-align:left}.transaction-model-b .transaction-actions{grid-column:4;grid-row:1/3}.transaction-model-b .transaction-date-tile{grid-row:1/3}.transaction-model-b .tx-logo-button,.transaction-model-b .tx-transfer-icon{grid-row:1/3}}
@media(max-width:460px){.transaction-model-b .transaction-compact-head{align-items:stretch}.transaction-model-b .transaction-model-b-row{grid-template-columns:45px 35px minmax(0,1fr) auto;gap:7px}.transaction-model-b .transaction-actions{display:grid;gap:4px}.transaction-model-b .transaction-action{width:28px;height:28px}.transaction-model-b .transaction-date-tile{width:42px}}

/* ===== friends-classic.css ===== */
/* Tanshar Home: classic Splitwise dashboard, without advertising. */
.page-friends .classic-splitwise-app{--sw-bg:#0b1325;--sw-panel:#101a31;--sw-line:rgba(184,194,214,.18);--sw-text:#edf0f8;--sw-muted:#9ca9bf;--sw-purple:#7659db;--sw-green:#73cb98;--sw-red:#ee7080;max-width:1320px;min-height:min(760px,calc(100dvh - 125px));margin:12px auto 32px;color:var(--sw-text);background:linear-gradient(145deg,#101a30,#091223 75%);border:1px solid rgba(201,157,70,.55);border-radius:8px;overflow:hidden;font-size:14px}
.page-friends .classic-splitwise-top{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--sw-line)}
.page-friends .classic-splitwise-wordmark{font-size:19px;font-weight:750}.page-friends .classic-splitwise-wordmark span{color:#7fcfa1}
.page-friends .classic-top-actions{display:flex;gap:8px}.page-friends .classic-top-actions button,.page-friends .classic-profile-tools button{border:1px solid var(--sw-line);background:transparent;color:var(--sw-muted);border-radius:5px;padding:5px 9px;font-size:12px}
.page-friends .classic-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:680px}
.page-friends .classic-friends-sidebar{border-right:1px solid var(--sw-line);padding:9px;display:flex;flex-direction:column;gap:10px;min-width:0}
.page-friends .classic-sidebar-navigation{display:grid;gap:3px}.page-friends .classic-side-link,.page-friends .classic-friend-link{display:flex;align-items:center;width:100%;gap:7px;padding:6px 8px;border:0;background:none;color:var(--sw-text);text-align:left;font-size:13px;border-radius:4px}
.page-friends .classic-side-link:hover,.page-friends .classic-friend-link:hover,.page-friends .classic-side-link.is-active,.page-friends .classic-friend-link.is-active{background:rgba(119,89,219,.2)}
.page-friends .classic-friend-search{display:flex;align-items:center;gap:5px;border:1px solid var(--sw-line);padding:3px 6px;border-radius:4px;color:var(--sw-muted)}.page-friends .classic-friend-search input{width:100%;background:transparent;border:0;outline:0;color:var(--sw-text);font-size:12px}
.page-friends .classic-friends-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sw-line);padding:3px 2px;color:var(--sw-muted);font-size:11px}.page-friends .classic-friends-heading button{border:0;background:none;color:#c2b5fb;font-size:11px}
.page-friends .classic-friends-list{max-height:430px;overflow-y:auto}.page-friends .classic-friend-link{padding:5px 5px;font-size:12px}.page-friends .classic-friend-link span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-friends .classic-friend-person{color:#a9b6c8}
.page-friends .classic-add-friend-card{margin-top:auto;display:grid;gap:3px;text-align:left;padding:9px;border:1px solid var(--sw-line);border-radius:4px;background:transparent;color:var(--sw-text)}.page-friends .classic-add-friend-card span{color:var(--sw-muted);font-size:11px}
.page-friends .classic-split-content{min-width:0}.page-friends .classic-content-header{min-height:62px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--sw-line)}.page-friends .classic-content-header h2{display:flex;align-items:center;gap:9px;margin:0;font-size:25px;line-height:1.15;font-weight:720}.page-friends .classic-content-header>div{display:flex;gap:8px}.page-friends .classic-add-expense,.page-friends .classic-settle-up{padding:8px 13px;border-radius:5px;border:1px solid rgba(255,255,255,.15);font-size:13px;color:#fff;white-space:nowrap}.page-friends .classic-add-expense{background:var(--sw-purple)}.page-friends .classic-settle-up{background:#34795c}
.page-friends .classic-balance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 0;border-bottom:1px solid var(--sw-line)}.page-friends .classic-balance-strip>div{text-align:center;display:grid;gap:2px;border-right:1px solid var(--sw-line)}.page-friends .classic-balance-strip>div:last-child{border:0}.page-friends .classic-balance-strip span{font-size:12px;color:var(--sw-muted)}.page-friends .classic-balance-strip strong{font-size:15px;font-weight:650}.page-friends .classic-positive{color:var(--sw-green)!important}.page-friends .classic-negative{color:var(--sw-red)!important}
.page-friends .classic-view-switch{text-align:center;padding:8px}.page-friends .classic-view-switch span{font-size:11px;border:1px solid var(--sw-line);padding:3px 10px;border-radius:3px;color:var(--sw-muted)}
.page-friends .classic-balance-columns{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.page-friends .classic-balance-column{padding:5px 16px}.page-friends .classic-balance-column+.classic-balance-column{border-left:1px solid var(--sw-line)}.page-friends .classic-balance-column h3,.page-friends .classic-profile-aside h3{font-size:12px;font-weight:650;color:var(--sw-muted);margin:0 0 12px}.page-friends .classic-balance-person{display:flex;align-items:center;gap:9px;padding:8px 0;cursor:pointer}.page-friends .classic-avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(140deg,#6046c4,#28365c);font-size:12px;font-weight:700;flex:0 0 36px}.page-friends .classic-person-copy{display:grid;min-width:0}.page-friends .classic-person-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-friends .classic-person-copy small{font-size:12px}.page-friends .classic-inline-settle{margin-left:auto;background:transparent;border:1px solid currentColor;border-radius:4px;padding:3px 7px;font-size:11px}.page-friends .classic-inline-settle.is-pay{color:var(--sw-red)}.page-friends .classic-inline-settle.is-receive{color:var(--sw-green)}
.page-friends .classic-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;min-height:550px}.page-friends .classic-timeline{min-width:0}.page-friends .classic-profile-aside{padding:14px 12px;border-left:1px solid var(--sw-line)}.page-friends .classic-profile-tools{margin-bottom:18px}.page-friends .classic-profile-balance{display:grid;gap:3px;margin:0 0 16px}.page-friends .classic-profile-balance span{font-size:12px}.page-friends .classic-profile-balance strong{font-size:26px}.page-friends .classic-profile-balance button{justify-self:start;border:1px solid currentColor;background:transparent;color:inherit;padding:4px 9px;border-radius:4px}.page-friends .classic-settled-note{color:var(--sw-muted)}
.page-friends .classic-month-label{padding:5px 11px;background:rgba(190,200,216,.08);border-bottom:1px solid var(--sw-line);color:var(--sw-muted);font-size:11px}.page-friends .classic-ledger-row{display:grid;grid-template-columns:39px 34px minmax(80px,1fr) 95px 98px;align-items:center;gap:7px;padding:8px 9px;border-bottom:1px solid var(--sw-line)}.page-friends .classic-ledger-date{display:grid;text-align:center;color:var(--sw-muted)}.page-friends .classic-ledger-date span{font-size:9px}.page-friends .classic-ledger-date strong{font-size:18px;line-height:1}.page-friends .classic-ledger-icon{height:32px;width:30px;display:grid;place-items:center;background:rgba(239,207,125,.12);color:#e8ca84;border-radius:3px;font-size:18px}.page-friends .classic-ledger-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:630}.page-friends .classic-ledger-paid,.page-friends .classic-ledger-share{display:grid;text-align:right}.page-friends .classic-ledger-paid small,.page-friends .classic-ledger-share small{font-size:10px;color:var(--sw-muted)}.page-friends .classic-ledger-paid strong,.page-friends .classic-ledger-share strong{font-size:12px}.page-friends .classic-settled-history{text-align:center;padding:17px;color:var(--sw-muted);font-size:12px}.page-friends .classic-activity-list{min-height:500px}.page-friends .classic-empty-note{color:var(--sw-muted);font-size:12px;padding:10px}.page-friends .classic-empty-timeline{padding:45px 20px;text-align:center}
.page-friends .classic-activity-feed{background:rgba(8,15,30,.12)}
.page-friends .classic-feed-row{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;padding:13px 20px 13px 18px;border-bottom:1px solid var(--sw-line);transition:background .16s ease}
.page-friends .classic-feed-row:hover{background:rgba(184,194,214,.045)}
.page-friends .classic-feed-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(184,194,214,.15);border-radius:5px;background:rgba(201,157,70,.12);color:#e8ca84}
.page-friends .classic-feed-icon svg{width:29px;height:29px}
.page-friends .classic-feed-icon-payment{background:rgba(115,203,152,.13);color:var(--sw-green)}
.page-friends .classic-feed-icon-payment.is-negative{background:rgba(238,112,128,.12);color:var(--sw-red)}
.page-friends .classic-feed-icon-gift{background:rgba(218,143,151,.14);color:#e7a8ac}
.page-friends .classic-feed-icon-travel{background:rgba(151,135,220,.16);color:#b5a6ed}
.page-friends .classic-feed-icon-food{background:rgba(139,183,147,.15);color:#a3cba9}
.page-friends .classic-feed-copy{display:grid;gap:3px;min-width:0;flex:1}
.page-friends .classic-feed-headline{overflow:hidden;color:var(--sw-text);font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.page-friends .classic-feed-headline strong{font-weight:720}
.page-friends .classic-feed-result{font-size:14px;line-height:1.2;font-weight:550}
.page-friends .classic-feed-date{color:var(--sw-muted);font-size:11px;line-height:1.25}
.page-friends .classic-feed-avatar{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid rgba(184,194,214,.2);border-radius:50%;background:linear-gradient(140deg,#6046c4,#28365c);color:var(--sw-text);font-size:9px;font-weight:700}
.page-friends .classic-timeline .classic-month-label{padding:6px 11px;background:rgba(184,194,214,.085);font-size:10px;font-weight:620;letter-spacing:.35px}
.page-friends .classic-friend-ledger-row{display:grid;grid-template-columns:37px 38px minmax(110px,1fr) minmax(88px,110px) minmax(112px,135px);align-items:center;gap:8px;min-height:58px;padding:8px 10px;border-bottom:1px solid var(--sw-line);transition:background .16s ease}
.page-friends .classic-friend-ledger-row:hover{background:rgba(184,194,214,.045)}
.page-friends .classic-friend-ledger-row .classic-feed-icon{width:35px;height:35px;flex-basis:35px;border-radius:4px}
.page-friends .classic-friend-ledger-row .classic-feed-icon svg{width:24px;height:24px}
.page-friends .classic-friend-ledger-row .classic-ledger-date strong{font-size:16px}
.page-friends .classic-friend-ledger-row .classic-ledger-title{font-size:13px;font-weight:660}
.page-friends .classic-friend-ledger-row .classic-ledger-paid,.page-friends .classic-friend-ledger-row .classic-ledger-share{min-width:0;gap:2px}
.page-friends .classic-friend-ledger-row .classic-ledger-paid small,.page-friends .classic-friend-ledger-row .classic-ledger-share small{overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.page-friends .classic-friend-ledger-row .classic-ledger-paid strong,.page-friends .classic-friend-ledger-row .classic-ledger-share strong{font-size:13px;line-height:1.1}
.page-friends .classic-friend-payment-row{background:rgba(115,203,152,.025)}
.page-friends .classic-profile-aside{position:relative}
.page-friends .classic-profile-balance>span{line-height:1.4}
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-positive,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-paid.classic-positive small,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-paid.classic-positive strong,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-share.classic-positive small,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-share.classic-positive strong,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-profile-balance.classic-positive span,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-profile-balance.classic-positive strong,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-profile-balance.classic-positive button{color:#73cb98!important}
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-negative,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-paid.classic-negative small,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-paid.classic-negative strong,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-share.classic-negative small,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-ledger-share.classic-negative strong,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-profile-balance.classic-negative span,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-profile-balance.classic-negative strong,
body[data-signed="1"] .page-friends .classic-splitwise-app .classic-profile-balance.classic-negative button{color:#ee7080!important}
@media(max-width:760px){.page-friends .classic-friend-ledger-row{grid-template-columns:29px 31px minmax(74px,1fr) minmax(65px,79px) minmax(75px,95px);gap:5px;min-height:52px;padding:7px 5px}.page-friends .classic-friend-ledger-row .classic-feed-icon{width:29px;height:29px;flex-basis:29px}.page-friends .classic-friend-ledger-row .classic-feed-icon svg{width:20px;height:20px}.page-friends .classic-friend-ledger-row .classic-ledger-date strong{font-size:14px}.page-friends .classic-friend-ledger-row .classic-ledger-title{font-size:10px}.page-friends .classic-friend-ledger-row .classic-ledger-paid small,.page-friends .classic-friend-ledger-row .classic-ledger-share small{font-size:8px}.page-friends .classic-friend-ledger-row .classic-ledger-paid strong,.page-friends .classic-friend-ledger-row .classic-ledger-share strong{font-size:10px}}
@media(max-width:760px){.page-friends .classic-feed-row{gap:10px;min-height:78px;padding:11px 10px}.page-friends .classic-feed-icon{flex-basis:35px;width:35px;height:35px}.page-friends .classic-feed-icon svg{width:24px;height:24px}.page-friends .classic-feed-headline,.page-friends .classic-feed-result{font-size:12px}.page-friends .classic-feed-avatar{flex-basis:23px;width:23px;height:23px;font-size:8px}}
@media(max-width:760px){.page-friends .classic-splitwise-app{margin:6px 0 100px;min-height:auto}.page-friends .classic-workspace{grid-template-columns:1fr;min-height:auto}.page-friends .classic-friends-sidebar{border-right:0;border-bottom:1px solid var(--sw-line);padding:8px}.page-friends .classic-sidebar-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.page-friends .classic-friend-search{grid-column:1/-1;grid-row:2}.page-friends .classic-friends-heading{margin-top:3px}.page-friends .classic-friends-list{display:flex;gap:4px;max-height:none;overflow-x:auto;overflow-y:hidden}.page-friends .classic-friend-link{min-width:max-content;width:auto}.page-friends .classic-add-friend-card{display:none}.page-friends .classic-content-header{padding:10px;align-items:flex-start;flex-wrap:wrap}.page-friends .classic-content-header h2{font-size:20px}.page-friends .classic-content-header>div{width:100%}.page-friends .classic-add-expense,.page-friends .classic-settle-up{flex:1}.page-friends .classic-balance-columns{min-height:280px}.page-friends .classic-balance-column{padding:7px}.page-friends .classic-inline-settle{display:none}.page-friends .classic-avatar{width:30px;height:30px;flex-basis:30px}.page-friends .classic-person-copy strong{font-size:12px}.page-friends .classic-person-copy small{font-size:10px}.page-friends .classic-profile-layout{grid-template-columns:1fr}.page-friends .classic-profile-aside{grid-row:1;border-left:0;border-bottom:1px solid var(--sw-line)}.page-friends .classic-ledger-row{grid-template-columns:32px 27px minmax(55px,1fr) 72px 75px;gap:4px;padding:7px 5px}.page-friends .classic-ledger-title{font-size:11px}.page-friends .classic-ledger-paid strong,.page-friends .classic-ledger-share strong{font-size:10px}.page-friends .classic-top-actions button{font-size:10px;padding:5px}.page-friends .classic-balance-strip strong{font-size:12px}}

/* Splitwise approved insights layout. */
.page-friends .classic-avatar{background:linear-gradient(140deg,hsl(var(--avatar-hue,255) 72% 55%),hsl(calc(var(--avatar-hue,255) + 38) 58% 34%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font-weight:800}.page-friends .classic-friend-link .classic-avatar{width:25px;height:25px;flex-basis:25px;font-size:9px}.page-friends .classic-feed-avatar{background:linear-gradient(140deg,hsl(var(--avatar-hue,255) 72% 55%),hsl(calc(var(--avatar-hue,255) + 38) 58% 34%));color:#fff;font-weight:800}
.page-friends .classic-overview-layout,.page-friends .classic-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:555px}.page-friends .classic-overview-main,.page-friends .classic-activity-list{min-width:0}.page-friends .classic-profile-layout{grid-template-columns:minmax(0,1fr) 190px 250px}
.page-friends .classic-insights{min-width:0;padding:14px;border-left:1px solid var(--sw-line);background:linear-gradient(180deg,rgba(16,27,50,.72),rgba(8,17,34,.58));overflow:hidden}.page-friends .classic-insights h3{margin:0 0 16px;font-size:14px;font-weight:750}.page-friends .classic-insights h4{margin:17px 0 9px;color:#b9c3d5;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}
.page-friends .classic-insight-legend{display:grid;gap:8px}.page-friends .classic-insight-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:11px}.page-friends .classic-insight-legend i{width:7px;height:7px;border-radius:50%}.page-friends .classic-insight-legend i.expense{background:var(--sw-red)}.page-friends .classic-insight-legend i.payment{background:var(--sw-green)}.page-friends .classic-insight-legend strong{display:flex;flex-direction:column;align-items:flex-end;font-size:10px}
.page-friends .classic-insight-chart{height:86px;display:flex;align-items:end;justify-content:space-between;gap:4px;padding:8px 4px 0;border-bottom:1px solid rgba(184,194,214,.16);background:repeating-linear-gradient(to top,transparent 0,transparent 20px,rgba(184,194,214,.07) 21px)}.page-friends .classic-chart-group{height:76px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.page-friends .classic-chart-bars{height:59px;display:flex;align-items:end;gap:2px}.page-friends .classic-chart-bars i{display:block;width:4px;border-radius:2px 2px 0 0}.page-friends .classic-chart-bars .expense{background:var(--sw-red)}.page-friends .classic-chart-bars .payment{background:var(--sw-green)}.page-friends .classic-chart-group small{color:#7f8ca5;font-size:8px}
.page-friends .classic-category-list{display:grid;gap:9px}.page-friends .classic-category-row{display:grid;grid-template-columns:1fr auto;gap:3px;align-items:center;font-size:10px}.page-friends .classic-category-row>span{display:flex;align-items:center;gap:6px;min-width:0}.page-friends .classic-category-row strong{font-size:9px}.page-friends .classic-category-row>b{grid-column:1/-1;height:3px;border-radius:5px;background:rgba(184,194,214,.12);overflow:hidden}.page-friends .classic-category-row>b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7659db,#9c72ee)}.page-friends .classic-category-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:rgba(118,89,219,.18);font-style:normal;font-size:10px}.page-friends .category-1{background:rgba(238,112,128,.15)}.page-friends .category-2{background:rgba(115,203,152,.15)}
.page-friends .classic-month-cards,.page-friends .classic-status-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.page-friends .classic-month-cards>div,.page-friends .classic-status-cards>div{display:grid;gap:3px;padding:8px;border:1px solid var(--sw-line);border-radius:5px;background:rgba(255,255,255,.025)}.page-friends .classic-month-cards span,.page-friends .classic-status-cards span{color:var(--sw-muted);font-size:9px}.page-friends .classic-month-cards div>span:not(:first-child){font-weight:700}.page-friends .classic-view-report{width:100%;margin-top:14px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:4px;background:linear-gradient(135deg,#6040c9,#7f57dc);color:#fff;font-size:11px}.page-friends .classic-insight-empty{padding:7px;color:var(--sw-muted);font-size:10px}
.page-friends .classic-active-friends{display:grid;gap:7px}.page-friends .classic-active-friends>div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;font-size:10px}.page-friends .classic-active-friends .classic-avatar{width:25px;height:25px;flex-basis:25px;font-size:8px}.page-friends .classic-active-friends strong{color:var(--sw-green)}.page-friends .classic-status-cards i{font-style:normal;color:#d9bf75}.page-friends .classic-activity-summary .classic-view-report{margin-top:18px}
@media(max-width:1100px){.page-friends .classic-overview-layout,.page-friends .classic-activity-layout{grid-template-columns:minmax(0,1fr) 235px}.page-friends .classic-profile-layout{grid-template-columns:minmax(0,1fr) 175px 225px}}
@media(max-width:850px){.page-friends .classic-overview-layout,.page-friends .classic-activity-layout,.page-friends .classic-profile-layout{grid-template-columns:1fr}.page-friends .classic-insights{border-left:0;border-top:1px solid var(--sw-line)}.page-friends .classic-profile-aside{grid-row:auto}}

/* Approved mint headers, compact activity scrolling, and settlement dialogs. */
.page-friends .classic-splitwise-top{height:52px;background:linear-gradient(135deg,#66bda6,#78c9b4);border-bottom-color:rgba(255,255,255,.18);color:#fff}.page-friends .classic-splitwise-wordmark{color:#fff}.page-friends .classic-top-actions button{padding:7px 11px;border-color:rgba(13,31,48,.25);font-weight:700}.page-friends .classic-top-actions button[data-classic-opening]{background:#d4ad58;color:#172139}.page-friends .classic-top-actions button[data-classic-add-friend]{background:#effbf7;color:#246d59}.page-friends .classic-top-actions button:hover{filter:brightness(1.05)}
.page-friends .classic-activity-layout{height:555px;min-height:0;overflow:hidden}.page-friends .classic-activity-feed{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#52617f transparent}.page-friends .classic-activity-feed::-webkit-scrollbar{width:6px}.page-friends .classic-activity-feed::-webkit-scrollbar-thumb{border-radius:10px;background:#52617f}.page-friends .classic-activity-summary{height:100%;overflow-y:auto;scrollbar-width:thin}
#itemModal .friend-settle-chooser-modal,#itemModal .friend-payment-modal{max-width:560px;margin:auto;border:1px solid rgba(134,155,200,.34);border-top:3px solid #d6b15d;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#111d39,#0c1730 72%);color:#f7f9ff;box-shadow:0 24px 70px rgba(0,0,0,.58)}#itemModal .friend-settle-chooser-modal .modal-header,#itemModal .friend-payment-modal .modal-header{min-height:54px;padding:10px 18px;border:0;background:linear-gradient(135deg,#66bda6,#78c9b4);color:#fff}#itemModal .friend-settle-chooser-modal .btn-close,#itemModal .friend-payment-modal .btn-close{filter:brightness(0) invert(1);opacity:.9}#itemModal .friend-settle-chooser-modal .modal-body,#itemModal .friend-payment-modal .modal-body{padding:14px 16px;background:transparent}#itemModal .friend-settle-chooser-modal .modal-footer,#itemModal .friend-payment-modal .modal-footer{padding:10px 15px;border-top:1px solid rgba(148,165,202,.2);background:transparent}#itemModal .friend-settle-chooser-modal .modal-footer .btn-primary,#itemModal .friend-payment-modal .modal-footer .btn-primary{border:0;background:linear-gradient(135deg,#5db69e,#74c8b2);color:#fff}#itemModal .friend-settle-chooser-modal .modal-footer .btn-primary:disabled{opacity:.45}
#itemModal .settle-help{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:11px 12px;border:1px solid rgba(214,177,93,.55);border-radius:8px;background:rgba(214,177,93,.06);color:#dce5f3;font-size:.78rem;line-height:1.4}#itemModal .settle-help svg{width:18px;flex:0 0 18px;color:#e0bf76}#itemModal .settle-choice-list{display:grid;gap:6px;max-height:365px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}#itemModal .settle-choice{display:grid;grid-template-columns:36px minmax(0,1fr) auto 62px;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid rgba(143,161,202,.27);border-radius:8px;background:#101b34;color:#f5f7fd;text-align:left}#itemModal .settle-choice:hover,#itemModal .settle-choice.selected{border-color:#6fc5ac;background:rgba(101,190,164,.09)}#itemModal .settle-choice .friend-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,hsl(var(--avatar-hue,255) 72% 55%),hsl(calc(var(--avatar-hue,255) + 38) 60% 38%));color:#fff;font-size:.72rem;font-weight:800}#itemModal .settle-choice>span:nth-child(2){display:grid}#itemModal .settle-choice small{color:#93a1bb;font-size:.68rem}#itemModal .settle-choice b{color:#75cf9b;font-size:.82rem}#itemModal .settle-choice.negative b{color:#ee7080}#itemModal .settle-choice em{padding:5px 8px;border:1px solid #67bd98;border-radius:6px;color:#75cf9b;font-size:.68rem;font-style:normal;text-align:center}#itemModal .settle-choice.negative em{border-color:#d96a78;color:#ee7080}
#itemModal .friend-payment-modal .friend-settle-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:13px 14px;border:1px solid rgba(214,177,93,.55);border-radius:8px;background:rgba(214,177,93,.05)}#itemModal .friend-payment-modal .friend-settle-summary span{color:#76cd9d;font-size:.78rem}#itemModal .friend-payment-modal .friend-settle-summary strong{color:#76cd9d;font-size:1.45rem}#itemModal .friend-payment-modal .friend-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#itemModal .friend-payment-modal .friend-full{grid-column:1/-1}#itemModal .friend-payment-modal .form-label{margin-bottom:4px;color:#bcc7da;font-size:.72rem}#itemModal .friend-payment-modal .form-control,#itemModal .friend-payment-modal .form-select{height:40px;border-color:rgba(143,161,202,.32);background:#0f1a32;color:#f5f7fd;font-size:.8rem}
@media(max-width:650px){.page-friends .classic-activity-layout{height:auto;overflow:visible}.page-friends .classic-activity-feed{max-height:520px}.page-friends .classic-activity-summary{height:auto}.page-friends .classic-top-actions button{padding:5px 7px}#itemModal .settle-choice{grid-template-columns:32px minmax(0,1fr) auto}#itemModal .settle-choice em{display:none}#itemModal .friend-payment-modal .friend-form-grid{grid-template-columns:1fr}#itemModal .friend-payment-modal .friend-full{grid-column:auto}}

/* All Expenses and Add Friend final design. */
.page-friends .classic-friends-list{flex:1;max-height:none;min-height:0}.page-friends .classic-expenses-layout{height:555px}.page-friends .classic-expenses-layout .classic-activity-list{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#52617f transparent}.page-friends .classic-expenses-layout .classic-ledger-row{grid-template-columns:39px 38px minmax(90px,1fr) 95px 98px;min-height:58px;border-bottom-color:rgba(214,177,93,.62)}.page-friends .classic-expenses-layout .classic-feed-icon{width:35px;height:35px;flex-basis:35px;border-radius:5px}.page-friends .classic-expenses-layout .classic-feed-icon svg{width:23px;height:23px}
#itemModal .friend-editor-modal{max-width:510px;margin:auto;border:1px solid rgba(134,155,200,.34);border-top:3px solid #d6b15d;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#111d39,#0c1730 72%);color:#f7f9ff;box-shadow:0 24px 70px rgba(0,0,0,.58)}#itemModal .friend-editor-modal .modal-header{min-height:54px;padding:10px 18px;border:0;background:linear-gradient(135deg,#66bda6,#78c9b4);color:#fff}#itemModal .friend-editor-modal .btn-close{filter:brightness(0) invert(1);opacity:.9}#itemModal .friend-editor-modal .modal-body{padding:16px 18px 13px;background:transparent}#itemModal .friend-editor-modal .modal-footer{padding:10px 15px;border-top:1px solid rgba(148,165,202,.2);background:transparent}#itemModal .friend-editor-modal .modal-footer .btn-primary{border:0;background:linear-gradient(135deg,#5db69e,#74c8b2);color:#fff}#itemModal .friend-editor-intro{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:12px;border:1px solid rgba(214,177,93,.42);border-radius:9px;background:rgba(214,177,93,.05)}#itemModal .friend-editor-intro>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:9px;background:linear-gradient(145deg,#dff4ed,#bce4d7);color:#367c67}#itemModal .friend-editor-intro svg{width:20px}#itemModal .friend-editor-intro>div{display:grid;gap:2px}#itemModal .friend-editor-intro strong{font-size:.82rem}#itemModal .friend-editor-intro small{color:#9eabc1;font-size:.68rem}#itemModal .friend-editor-modal .friend-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#itemModal .friend-editor-modal .friend-full{grid-column:1/-1}#itemModal .friend-editor-modal .form-label{margin-bottom:4px;color:#c2ccdd;font-size:.72rem}#itemModal .friend-editor-modal .form-control{min-height:40px;border-color:rgba(143,161,202,.32);background:#0f1a32;color:#f5f7fd;font-size:.8rem}#itemModal .friend-editor-modal textarea.form-control{height:70px;resize:vertical}#itemModal .friend-editor-modal .friend-active{display:flex;align-items:center;gap:8px;padding:8px 0;color:#c2ccdd;font-size:.75rem}#itemModal .friend-editor-modal .friend-active input{width:17px;height:17px;accent-color:#67bea7}
@media(max-width:650px){.page-friends .classic-expenses-layout{height:auto}.page-friends .classic-expenses-layout .classic-activity-list{max-height:520px}.page-friends .classic-expenses-layout .classic-ledger-row{grid-template-columns:32px 31px minmax(64px,1fr) 70px 78px}#itemModal .friend-editor-modal .friend-form-grid{grid-template-columns:1fr}#itemModal .friend-editor-modal .friend-full{grid-column:auto}}

/* Stretch the Splitwise workspace to the bottom border at every desktop height. */
@media(min-width:851px){.page-friends .classic-splitwise-app{display:grid;grid-template-rows:52px minmax(0,1fr);height:min(760px,calc(100dvh - 125px));min-height:620px}.page-friends .classic-workspace{height:100%;min-height:0}.page-friends .classic-friends-sidebar{height:100%;min-height:0}.page-friends .classic-split-content{height:100%;min-height:0;display:grid;grid-template-rows:62px minmax(0,1fr)}.page-friends .classic-activity-layout,.page-friends .classic-expenses-layout{height:100%;min-height:0}.page-friends .classic-overview-layout,.page-friends .classic-profile-layout{height:100%;min-height:0}.page-friends .classic-activity-list,.page-friends .classic-activity-feed,.page-friends .classic-insights{min-height:0}}

/* ===== account-statements.css ===== */
.account-statement-popup{position:fixed;inset:0;z-index:1090;display:none}.account-statement-popup.show{display:block}.account-statement-backdrop{position:absolute;inset:0;background:#010716c7;backdrop-filter:blur(6px)}.account-statement-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(740px,calc(100vw - 24px));height:min(650px,calc(100dvh - 28px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:#111c39;border:1px solid #416b64;border-radius:13px;box-shadow:0 28px 80px #0009;color:#f5f7ff;overflow:hidden}.account-statement-window>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#83c5b2;color:#fff}.statement-account-heading{display:flex;gap:11px;align-items:center}.statement-account-heading h2{font-size:18px;margin:1px 0}.statement-account-heading small,.statement-account-heading span{display:block;color:#eafff8;font-size:10px}.account-statement-close{border:0;background:transparent;color:#fff;font-size:28px}.account-statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 14px}.account-statement-summary>div{position:relative;padding:10px 10px 10px 44px;background:#172341;border:1px solid #303d5c;border-radius:9px}.account-statement-summary small,.account-statement-summary strong{display:block}.account-statement-summary small{color:#9eacc5;font-size:8px}.account-statement-summary strong{margin-top:2px;font-size:13px}.statement-summary-icon{position:absolute;left:9px;top:11px;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#29284e;color:#b8a9ff}.statement-summary-icon.credit{background:#23493f;color:#8ed7af}.statement-summary-icon.debit{background:#4b2d39;color:#ff9eac}.statement-summary-icon svg{width:14px}.account-statement-tools{display:grid;grid-template-columns:1fr 205px;gap:8px;padding:0 14px 10px}.account-statement-tools label{position:relative}.account-statement-tools label>svg{position:absolute;left:11px;top:10px;width:15px}.account-statement-tools input,.account-statement-tools select{width:100%;height:36px;background:#0d1831;color:#eef3ff;border:1px solid #34415f;border-radius:8px;font-size:10px}.account-statement-tools input{padding:0 10px 0 34px}.account-statement-tools select{padding:0 9px}.account-statement-list{min-height:0;overflow:hidden;padding:0 14px}.account-statement-row{min-height:51px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #2b3753}.account-statement-row>div strong{font-size:10px}.account-statement-row>div span{display:block;color:#aeb9cf;font-size:8px}.account-statement-row>b{font-size:10px}.statement-kind{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#202c4a;color:#cab16c}.statement-kind.income{background:#23493f;color:#8ed7af}.statement-kind.expense{background:#4b2d39;color:#ff9eac}.statement-kind svg{width:14px}.account-statement-pager{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid #2b3753;color:#9eacc5;font-size:9px}.account-statement-pager>div{display:flex;align-items:center;gap:8px}.account-statement-pager button{width:29px;height:29px;border:1px solid #34415f;border-radius:7px;background:#172341;color:#fff;display:grid;place-items:center}.account-statement-pager button:disabled{opacity:.3}.account-statement-pager svg{width:13px}
@media(max-width:600px){.account-statement-window{top:auto;bottom:0;transform:translateX(-50%);width:100%;height:min(92dvh,720px);border-radius:16px 16px 0 0}.account-statement-summary{grid-template-columns:1fr 1fr}.account-statement-summary>div:last-child{display:none}.account-statement-tools{grid-template-columns:1fr}.account-statement-row{grid-template-columns:33px 1fr}.account-statement-row>b{grid-column:2}.finance-account-actions .account-statement{padding-inline:9px}}

.transfer-history-popup{position:fixed;inset:0;z-index:1100;display:none;place-items:center;padding:24px}.transfer-history-popup.show{display:grid}.transfer-history-backdrop{position:absolute;inset:0;background:#010716c7;backdrop-filter:blur(6px)}.transfer-history-dialog{position:relative;width:min(900px,96vw);max-height:min(720px,88vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #8a713e;border-top:3px solid #d5a54a;border-radius:16px;background:#111c39;color:#f5f7ff;box-shadow:0 28px 80px #0009}.transfer-history-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 21px 15px;border-bottom:1px solid #2b3753;background:linear-gradient(120deg,#34266f80,#111c39)}.transfer-history-dialog header span{color:#e0b55e;font-size:9px;font-weight:900;letter-spacing:.14em}.transfer-history-dialog h2{margin:3px 0;font-size:20px}.transfer-history-dialog header p{margin:0;color:#aeb9cf;font-size:10px}.transfer-history-close,.transfer-history-delete{display:grid;place-items:center;border:1px solid #34415f;background:#172341;color:#dce4f5;cursor:pointer}.transfer-history-close{width:36px;height:36px;border-radius:10px}.transfer-history-close svg{width:17px}.transfer-history-actions{display:flex;align-items:center;gap:10px;padding:12px 21px;border-bottom:1px solid #2b3753}.transfer-history-actions label{position:relative;flex:1}.transfer-history-actions label svg{position:absolute;left:12px;top:50%;width:15px;transform:translateY(-50%);color:#8d99b5}.transfer-history-actions input{width:100%;height:38px;padding:0 13px 0 37px;border:1px solid #34415f;border-radius:9px;outline:0;background:#0d1831;color:#fff;font-size:10px}.transfer-history-actions input:focus{border-color:#8066e8;box-shadow:0 0 0 3px #8066e829}.transfer-history-list{min-height:220px;overflow:auto;padding:3px 21px 18px;scrollbar-width:thin}.transfer-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 1px;border-bottom:1px solid #2b3753}.transfer-history-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7654e7,#4d38bd);color:#fff}.transfer-history-icon svg{width:16px}.transfer-history-row>div{min-width:0}.transfer-history-row strong{display:flex;align-items:center;gap:6px;font-size:11px}.transfer-history-row strong svg{width:12px;color:#d5a54a}.transfer-history-row p{margin:3px 0 0;color:#9eacc5;font-size:9px;white-space:normal}.transfer-history-delete{width:32px;height:32px;border-radius:8px;color:#ff8c9c}.transfer-history-delete svg{width:14px}.transfer-history-delete:hover{background:#4b2d39}.transfer-history-empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#9eacc5;text-align:center}.transfer-history-empty>svg{width:32px;height:32px;color:#826de2}.transfer-history-empty strong{color:#f4f6fb}.transfer-history-empty span{font-size:10px}@media(max-width:650px){.transfer-history-popup{padding:8px}.transfer-history-dialog{max-height:94vh;border-radius:13px}.transfer-history-dialog>header,.transfer-history-actions{padding-left:14px;padding-right:14px}.transfer-history-actions{align-items:stretch;flex-direction:column}.transfer-history-actions .btn{width:100%}.transfer-history-list{padding-left:14px;padding-right:14px}.transfer-history-row strong{align-items:flex-start;flex-direction:column;gap:2px}}

/* ===== entry-grocery.css ===== */
.entry-grocery-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid #405071;border-radius:11px;background:#14213f;color:#eef3ff}.entry-grocery-option>svg{color:#d0aa5d}.entry-grocery-option span{flex:1}.entry-grocery-option small{display:block;color:#aeb9cf;margin-top:2px}.entry-grocery-popup{position:fixed;inset:0;z-index:1100;display:none}.entry-grocery-popup.show{display:block}.entry-grocery-backdrop{position:absolute;inset:0;background:rgba(1,7,22,.8);backdrop-filter:blur(7px)}.entry-grocery-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 26px));max-height:min(720px,calc(100vh - 28px));display:flex;flex-direction:column;background:#111c39;border:1px solid #384766;border-top:3px solid #c79a48;border-radius:16px;color:#f4f7ff;box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}.entry-grocery-window header{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #2d3a58}.entry-grocery-window header small{color:#d1aa5b;font-weight:700;letter-spacing:.09em}.entry-grocery-window h2{font-size:21px;margin:3px 0}.entry-grocery-window p{color:#aeb9cf;margin:0}.entry-grocery-close{border:0;background:transparent;color:#c9d3e6;font-size:30px}.entry-grocery-search{position:relative;margin:16px 20px}.entry-grocery-search>svg{position:absolute;z-index:2;left:13px;top:13px;width:18px}.entry-grocery-search>input{width:100%;height:46px;padding:0 42px;background:#0d1831;color:#fff;border:1px solid #3b4a69;border-radius:11px}.entry-grocery-results{position:absolute;z-index:4;top:50px;left:0;right:0;max-height:245px;overflow:auto;background:#14213f;border:1px solid #485877;border-radius:11px;box-shadow:0 18px 45px rgba(0,0,0,.55)}.entry-grocery-results button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-bottom:1px solid #2d3a58;background:#14213f;color:#f4f7ff;text-align:left}.entry-grocery-results button:hover{background:#202e50}.entry-grocery-results button>span:nth-child(2){flex:1}.entry-grocery-results small{display:block;color:#aeb9cf}.entry-grocery-hint{padding:14px;color:#aeb9cf}.entry-grocery-selected{min-height:155px;overflow:auto;padding:8px 20px 16px}.entry-grocery-count{color:#d1aa5b;margin:4px 0 9px}.entry-grocery-row{display:grid;grid-template-columns:38px 1fr 90px 105px 38px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #2d3a58}.entry-grocery-row input,.entry-grocery-row select{height:38px;background:#0d1831;color:#fff;border:1px solid #3b4a69;border-radius:8px;padding:0 8px}.entry-grocery-row button{height:36px;border:1px solid #613d4a;border-radius:8px;background:#321e2d;color:#ff8992}.entry-grocery-empty{display:grid;place-items:center;gap:8px;color:#aeb9cf;padding:32px}.entry-grocery-window footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid #2d3a58}@media(max-width:600px){.entry-grocery-row{grid-template-columns:34px 1fr 70px}.entry-grocery-row select{grid-column:2}.entry-grocery-row button{grid-column:3;grid-row:2}.entry-grocery-window{max-height:calc(100vh - 18px)}}
.entry-grocery-overlay{position:fixed!important;inset:0;z-index:25;padding:18px;display:flex;align-items:center;justify-content:center}.entry-grocery-overlay.d-none{display:none!important}.entry-grocery-inline-backdrop{position:absolute;inset:0;background:rgba(1,7,22,.76);backdrop-filter:blur(5px)}.entry-grocery-inline{position:relative;width:min(720px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;border:1px solid #445273;border-top:3px solid #c99d4b;border-radius:16px;background:#111d38;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.62)}
.entry-grocery-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #2f3c59}.entry-grocery-inline-head strong,.entry-grocery-inline-head small{display:block}.entry-grocery-inline-head small{margin-top:3px;color:#aeb9cf}.entry-grocery-inline-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.entry-grocery-inline-head-actions .grocery-inline-scan{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.entry-grocery-inline-head-actions .grocery-inline-scan svg{width:17px;height:17px}.entry-grocery-inline-close,.inline-product-create-title button{border:0;background:transparent;color:#d7deec;font-size:25px}
.entry-grocery-inline-search{position:relative;margin:14px 16px 8px}.entry-grocery-inline-search svg{position:absolute;left:13px;top:13px;width:18px}.entry-grocery-inline-search input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid #405071;border-radius:11px;background:#0d1831;color:#fff;outline:none}.entry-grocery-inline-search input:focus{border-color:#8062f2;box-shadow:0 0 0 2px rgba(128,98,242,.18)}
.entry-grocery-inline-results{margin:0 16px;max-height:190px;overflow:auto}.entry-grocery-inline-results>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px;border:0;border-bottom:1px solid #2c3956;background:#15213e;color:#f5f7ff;text-align:left}.entry-grocery-inline-results>button span strong,.entry-grocery-inline-results>button span small{display:block}.entry-grocery-inline-results>button span small{color:#aeb9cf}.entry-grocery-hint{padding:12px;color:#aeb9cf}
.entry-grocery-inline-create{padding:0 16px}.inline-product-create{margin-top:10px;padding:13px;border:1px solid #5a4d35;border-radius:12px;background:#172442}.inline-product-create-title{display:flex;justify-content:space-between;align-items:center}.inline-product-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.inline-product-create-grid label{display:grid;gap:5px;color:#bdc8dc;font-size:12px}.inline-product-create-grid .inline-product-create-add{align-self:end;min-height:42px}
.inline-product-existing-results{max-height:155px;overflow:auto}.inline-product-existing-results button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #34415f;background:#101b35;color:#f5f7ff;padding:8px;text-align:left}.inline-product-existing-results button span{display:grid}.inline-product-existing-results small{color:#aeb9cf}
.entry-grocery-inline-selected{padding:10px 16px;max-height:210px;overflow:auto}.entry-grocery-inline-actions{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid #2f3c59}.grocery-inline-scan{color:#e0ba6c!important;border-color:#7a6337!important}.entry-grocery-inline .entry-grocery-row{grid-template-columns:38px minmax(105px,1fr) 80px 92px 120px 38px}.entry-grocery-inline .entry-grocery-empty{min-height:70px}
@media(max-width:700px){.entry-grocery-overlay{padding:0;align-items:flex-end}.entry-grocery-inline{width:100%;max-height:92dvh;border-radius:18px 18px 0 0}.entry-grocery-inline-head{padding:12px}.entry-grocery-inline-head>div:first-child{min-width:0}.entry-grocery-inline-head-actions .grocery-inline-scan span{display:none}.entry-grocery-inline-head-actions .grocery-inline-scan{width:42px;height:42px;padding:0;justify-content:center}.entry-grocery-inline-search{margin:12px}.entry-grocery-inline-results{margin:0 12px;max-height:170px}.entry-grocery-inline-create{padding:0 12px;overflow:auto}.inline-product-create-grid{grid-template-columns:1fr}.entry-grocery-inline-selected{padding:8px 12px;max-height:185px}.entry-grocery-inline .entry-grocery-row{grid-template-columns:38px minmax(0,1fr) 70px 38px}.entry-grocery-inline .entry-grocery-row select[data-storage]{grid-column:2/4}.entry-grocery-inline-actions{grid-template-columns:1fr 1fr;position:sticky;bottom:0;background:#111d38}.entry-grocery-inline-actions>span{display:none}.entry-grocery-inline-actions .btn{min-height:44px}}

/* ===== reports.css ===== */
.reports-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;margin-bottom:18px;border:1px solid #dedaf7;border-radius:18px;background:linear-gradient(120deg,#fff 0,#f5f3ff 100%)}.reports-hero h2{font-size:28px;margin:3px 0}.reports-hero p{margin:0;color:var(--muted)}.report-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-group{padding:17px}.report-group-head{display:flex;align-items:center;gap:12px;padding-bottom:13px;margin-bottom:3px;border-bottom:1px solid var(--line)}.report-group-head>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--violet);background:var(--violet-soft)}.report-group-head svg{width:20px}.report-group-head h3{font-size:16px;color:var(--ink);margin:0}.report-group-head p{font-size:11px;color:var(--muted);margin:2px 0 0}.report-link{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:#fff;padding:8px 4px;text-align:left;color:var(--ink);font-weight:650}.report-link:last-child{border-bottom:0}.report-link:hover{color:var(--violet);padding-left:9px}.report-link svg{width:17px}.report-format-note{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border-radius:12px;background:#f1f8f5;color:#30785d}.report-format-note svg{width:19px;flex:0 0 auto}.report-format-note span{font-size:12px}@media(max-width:800px){.report-group-grid{grid-template-columns:1fr}.reports-hero{align-items:flex-start;flex-direction:column}}
.reports-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}

/* ===== notifications.css ===== */
.notification-bell{position:relative}.notification-bell>span{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:20px;background:#e2485f;color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center}.notification-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;margin-bottom:16px;border:1px solid #dedaf7;border-radius:18px;background:linear-gradient(120deg,#fff,#f4f2ff)}.notification-hero h2{font-size:28px;margin:3px 0}.notification-hero p{color:var(--muted);margin:0}.notification-hero-count{min-width:90px;text-align:center;padding:13px 18px;border-radius:15px;background:#fff;border:1px solid var(--line)}.notification-hero-count strong,.notification-hero-count span{display:block}.notification-hero-count strong{font-size:25px;color:var(--violet)}.notification-hero-count span{font-size:11px;color:var(--muted)}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.notification-group{height:370px;min-height:0;padding:15px;display:flex;flex-direction:column;overflow:hidden}.notification-group-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.notification-group-head h3{color:var(--ink);font-size:15px;margin:0}.notification-group-head span{min-width:28px;height:25px;border-radius:20px;background:var(--violet-soft);color:var(--violet);display:grid;place-items:center;font-size:11px;font-weight:800}.notification-scroll{overflow-y:auto;min-height:0;scrollbar-width:thin}.notification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}.notification-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.notification-icon svg{width:18px}.notification-icon.violet{background:#eeecff;color:#6558d3}.notification-icon.green{background:#e6f6ef;color:#16855b}.notification-icon.red{background:#fdecef;color:#c84257}.notification-icon.amber{background:#fff4df;color:#bb741b}.notification-icon.blue{background:#e9f2ff;color:#3975bd}.notification-open{border:0;background:transparent;text-align:left;min-width:0;padding:0}.notification-open strong,.notification-open small,.notification-open em{display:block}.notification-open strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:13px}.notification-open small{color:var(--muted);font-size:11px}.notification-open em{font-style:normal;color:#8a82a8;font-size:10px;margin-top:2px}.notification-actions{display:flex;gap:3px}.notification-actions button{width:29px;height:29px;border:0;border-radius:9px;background:#f5f5f8;color:#707789;display:grid;place-items:center}.notification-actions button:hover{background:var(--violet-soft);color:var(--violet)}.notification-actions svg{width:14px}.notification-empty{height:100%;min-height:160px;display:grid;place-content:center;justify-items:center;gap:7px;color:#9aa0ad;font-size:12px}.notification-empty svg{width:26px;color:#55a47d}@media(max-width:850px){.notification-grid{grid-template-columns:1fr}.notification-hero{align-items:flex-start}.notification-group{height:390px}}

/* ===== dark-theme.css ===== */
/* Tanshar Home — approved navy / violet / gold glass design system */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');

:root{
  --th-bg:#061127;
  --th-bg-2:#09162f;
  --th-panel:#101d37;
  --th-panel-2:#14213d;
  --th-panel-soft:#182642;
  --th-line:rgba(170,187,222,.16);
  --th-line-strong:rgba(170,187,222,.28);
  --th-text:#f4f7ff;
  --th-muted:#99a7c2;
  --th-purple:#8066f2;
  --th-purple-2:#6548df;
  --th-gold:#e0ad58;
  --th-green:#55c98b;
  --th-red:#ff7181;
  --th-blue:#65aef3;
  --th-shadow:0 18px 48px rgba(0,0,0,.22);
}

body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,.money,.home-kpi strong,.brand strong{font-family:Manrope,Inter,sans-serif}

/* Login */
body[data-signed="0"]{min-height:100vh;background:#061127;color:#fff}
body[data-signed="0"] .auth-wrap{
  position:relative;isolation:isolate;min-height:100vh;display:grid;
  grid-template-columns:minmax(420px,1.15fr) minmax(430px,.85fr);
  align-items:center;gap:clamp(36px,6vw,110px);padding:clamp(30px,6vw,92px);
  background-image:linear-gradient(90deg,rgba(2,9,24,.54),rgba(3,10,25,.12) 48%,rgba(3,10,25,.46)),url('tanshar-login-home.webp');
  background-size:cover;background-position:center;
}
body[data-signed="0"] .auth-wrap:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,13,34,.08),rgba(3,9,24,.38))}
.auth-brand-panel{max-width:610px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.22)}
.auth-brand-mark,.auth-card-mark{width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(192,181,255,.42);border-radius:22px;background:linear-gradient(145deg,rgba(139,111,255,.27),rgba(47,38,92,.32));box-shadow:0 18px 42px rgba(71,47,181,.32),inset 0 1px rgba(255,255,255,.15);color:#b5a6ff;backdrop-filter:blur(12px)}
.auth-brand-mark img,.auth-card-mark img,body[data-signed="1"] .brand .brand-mark img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}
.auth-brand-mark svg{width:37px;height:37px;stroke-width:2.2}.auth-brand-panel h1{margin:27px 0 2px;font-size:clamp(42px,4.3vw,68px);font-weight:800;letter-spacing:-2.2px}.auth-brand-subtitle{margin:0;color:var(--th-gold);font-size:clamp(18px,1.6vw,26px);font-weight:600}.auth-brand-promise{max-width:560px;margin:58px 0 0;font-size:clamp(18px,1.7vw,27px);font-weight:500;line-height:1.4}
body[data-signed="0"] .auth-card{justify-self:end;width:min(610px,100%);padding:clamp(32px,4vw,56px);border:1px solid rgba(194,205,235,.28);border-radius:30px;background:linear-gradient(145deg,rgba(26,37,66,.82),rgba(16,23,45,.72));box-shadow:0 35px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(25px) saturate(120%);color:#fff}
.auth-card-mark{width:68px;height:68px;margin:0 auto 20px;border-radius:20px}.auth-card-mark svg{width:33px;height:33px}.auth-card h2{text-align:center;margin:0;font-size:clamp(30px,2.5vw,42px);font-weight:800}.auth-card-copy{text-align:center;margin:8px 0 30px;color:#b8c3d8;font-size:15px}.auth-field{margin-bottom:20px}.auth-card .form-label{margin-bottom:8px;color:#f1f4fc;font-size:14px;font-weight:600}.auth-input{position:relative}.auth-input>svg{position:absolute;left:17px;top:50%;z-index:2;width:20px;height:20px;transform:translateY(-50%);color:#b4bfd4}.auth-card .auth-input .form-control{height:58px;padding:0 52px;border:1px solid rgba(183,197,229,.3);border-radius:13px;background:rgba(9,18,39,.42);box-shadow:none;color:#fff;font-size:15px}.auth-card .form-control::placeholder{color:#8794ae}.auth-card .form-control:focus{border-color:#927df8;background:rgba(10,18,39,.68);box-shadow:0 0 0 4px rgba(128,102,242,.16)}.auth-password-toggle{position:absolute;right:9px;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:#b4bfd4}.auth-password-toggle:hover{background:rgba(255,255,255,.07);color:#fff}.auth-password-toggle svg{width:19px;height:19px}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-1px 0 21px;color:#b6c0d4;font-size:13px}.auth-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-options input{width:17px;height:17px;accent-color:var(--th-purple)}.auth-options span{color:#aa98ff}.auth-submit{height:58px;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#7658ea,#8a6af5)!important;box-shadow:0 15px 28px rgba(76,49,184,.33);font-size:16px!important}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-submit:disabled{opacity:.72;transform:none}.auth-card #authMsg .alert{margin:0 0 16px;border-radius:12px}.auth-security{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(179,192,221,.17)}.auth-security>svg{width:31px;height:31px;color:#9d86ff}.auth-security span{display:flex;flex-direction:column}.auth-security strong{font-size:13px}.auth-security small{color:#aeb9ce;font-size:11px}

/* Signed-in application shell */
body[data-signed="1"]{
  --violet:var(--th-purple);--violet-soft:rgba(128,102,242,.16);--ink:var(--th-text);
  --muted:var(--th-muted);--line:var(--th-line);--bg:var(--th-bg);--green:var(--th-green);--navy:var(--th-bg-2);
  min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(87,66,184,.18),transparent 34%),linear-gradient(150deg,#07132b,#050e21 72%);color:var(--th-text)
}
body[data-signed="1"] .app-shell{grid-template-columns:250px minmax(0,1fr)}
body[data-signed="1"] .sidebar{padding:17px 12px;background:linear-gradient(180deg,rgba(14,27,53,.98),rgba(8,18,38,.98));border-right:1px solid var(--th-line);box-shadow:12px 0 36px rgba(0,0,0,.12)}
body[data-signed="1"] .brand{gap:12px;padding:2px 9px 19px;color:#fff;font-size:16px;border-bottom:1px solid var(--th-line)}
body[data-signed="1"] .brand .brand-mark{width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(178,165,255,.28);border-radius:13px;background:linear-gradient(145deg,rgba(130,103,244,.28),rgba(64,52,117,.22));color:#b4a4ff}
body[data-signed="1"] .brand .brand-mark svg{width:23px;height:23px}.brand>span:last-child{display:flex;min-width:0;flex-direction:column}.brand strong{font-size:15px}.brand small{margin-top:1px;color:#7f8da9;font-size:8px;font-weight:500;letter-spacing:.1px}
body[data-signed="1"] .sidebar nav{gap:5px;margin-top:17px;overflow-y:auto;scrollbar-width:thin}.nav-chevron{margin-left:auto;width:13px!important;height:13px!important;opacity:.48}
body[data-signed="1"] .nav-link{min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:#aeb9cd;font-size:12px;font-weight:600}.nav-link span{white-space:nowrap}.nav-link:hover{color:#fff;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.06)}body[data-signed="1"] .nav-link.active{color:#fff;background:linear-gradient(135deg,#7355e6,#8064ed);border-color:rgba(183,169,255,.36);box-shadow:0 11px 22px rgba(70,45,180,.27)}
.sidebar-footer{margin-top:auto!important;padding:12px!important;border:1px solid var(--th-line)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important}.sidebar-footer strong{color:#e9edfa!important}.sidebar-footer small{color:#7f8da9!important}.sidebar-home-icon{color:#a08cff!important;background:rgba(128,102,242,.14)!important}
body[data-signed="1"] .main{background:transparent}.topbar{height:74px;padding:9px 24px;background:rgba(6,16,36,.82);border-bottom:1px solid var(--th-line);backdrop-filter:blur(20px)}.topbar h1{color:#f5f7ff;font-size:18px}.topbar p{color:#8391aa;font-size:10px}.sidebar-toggle,.icon-button,.owner-profile{border-color:var(--th-line)!important;background:rgba(255,255,255,.035)!important;color:#c7d0e3!important}.sidebar-toggle:hover,.icon-button:hover,.owner-profile:hover{border-color:rgba(128,102,242,.48)!important;background:rgba(128,102,242,.1)!important;color:#fff!important}.topbar-search{border-color:var(--th-line)!important;background:rgba(255,255,255,.035)!important}.topbar-search input{color:#e9edfa!important}.topbar-search input::placeholder{color:#74819a!important}.topbar-search svg{color:#8e9ab1!important}.owner-copy strong{color:#f3f5fc!important}.owner-copy small{color:#8592aa!important}.owner-avatar{background:linear-gradient(135deg,#7355e6,#4f8dd9)!important;box-shadow:0 7px 18px rgba(73,54,184,.3)}
body[data-signed="1"] .content{padding:22px 24px 80px;max-width:1800px;margin:0 auto}.loading{color:var(--th-muted)}

/* Global surfaces, typography and controls */
body[data-signed="1"] .cardx,body[data-signed="1"] .modal-content,body[data-signed="1"] .dropdown-menu,body[data-signed="1"] .profile-menu,body[data-signed="1"] .settings-manager,body[data-signed="1"] .notification-card{
  color:var(--th-text);border-color:var(--th-line);background:linear-gradient(145deg,rgba(18,31,58,.96),rgba(13,25,49,.96));box-shadow:var(--th-shadow)
}
body[data-signed="1"] .cardx:hover{border-color:rgba(157,139,248,.28)}
body[data-signed="1"] h1,body[data-signed="1"] h2,body[data-signed="1"] h3,body[data-signed="1"] h4,body[data-signed="1"] strong,body[data-signed="1"] .merchant{color:var(--th-text)}
body[data-signed="1"] p,body[data-signed="1"] small,body[data-signed="1"] .meta,body[data-signed="1"] .hint,body[data-signed="1"] .section-subtitle{color:var(--th-muted)}
body[data-signed="1"] .form-control,body[data-signed="1"] .form-select,body[data-signed="1"] textarea{
  color:#edf1fb;border-color:var(--th-line);background-color:#0b1830;box-shadow:none;color-scheme:dark
}
body[data-signed="1"] .form-control:focus,body[data-signed="1"] .form-select:focus,body[data-signed="1"] textarea:focus{color:#fff;border-color:#8066f2;background-color:#0d1b35;box-shadow:0 0 0 3px rgba(128,102,242,.13)}
body[data-signed="1"] .form-control::placeholder{color:#68758e}.form-label{color:#c8d1e3}.form-check-input{background-color:#0c1931;border-color:#53617b}.form-check-input:checked{background-color:var(--th-purple);border-color:var(--th-purple)}
body[data-signed="1"] .btn-primary{border-color:#8267ef;background:linear-gradient(135deg,#7254e3,#8166ef);box-shadow:0 8px 20px rgba(77,50,189,.22)}body[data-signed="1"] .btn-primary:hover{filter:brightness(1.08)}
body[data-signed="1"] .btn-light{color:#d7deed;border:1px solid var(--th-line);background:#15233f}body[data-signed="1"] .btn-light:hover{color:#fff;border-color:#715be0;background:#1a2949}
body[data-signed="1"] .btn-success{border-color:#3ba873;background:#2d8e63}.btn-danger{border-color:#b44759;background:#96384a}
body[data-signed="1"] .modal-header,body[data-signed="1"] .modal-footer,body[data-signed="1"] .table-tools,body[data-signed="1"] .section-head,body[data-signed="1"] .home-panel-head{border-color:var(--th-line)}
body[data-signed="1"] .btn-close{filter:invert(1) grayscale(1);opacity:.8}.modal-backdrop.show{opacity:.72}.dropdown-item{color:#d7deed}.dropdown-item:hover,.dropdown-item:focus{color:#fff;background:rgba(128,102,242,.14)}
body[data-signed="1"] .alert-danger{color:#ffbbc4;border-color:rgba(255,113,129,.3);background:rgba(149,43,59,.24)}body[data-signed="1"] .alert-success{color:#a7ecc5;border-color:rgba(85,201,139,.3);background:rgba(44,135,91,.2)}body[data-signed="1"] .alert-warning{color:#f2ce91;border-color:rgba(224,173,88,.3);background:rgba(142,95,29,.2)}
body[data-signed="1"] .empty{border-color:var(--th-line-strong);background:rgba(255,255,255,.018)}
body[data-signed="1"] ::-webkit-scrollbar{width:8px;height:8px}body[data-signed="1"] ::-webkit-scrollbar-track{background:transparent}body[data-signed="1"] ::-webkit-scrollbar-thumb{border-radius:99px;background:#33415d}body[data-signed="1"] ::-webkit-scrollbar-thumb:hover{background:#53617f}

/* Dashboard */
.home-dashboard-head{position:relative;overflow:hidden;min-height:118px;align-items:center;padding:22px 24px;margin-bottom:14px;border:1px solid var(--th-line);border-radius:18px;background:linear-gradient(90deg,rgba(15,28,53,.98),rgba(13,27,53,.82)),url('tanshar-login-home.webp') center 55%/cover;box-shadow:var(--th-shadow)}.home-dashboard-head:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 40%,rgba(128,102,242,.08))}.home-dashboard-head>div{position:relative;z-index:1}.home-dashboard-head h2{color:#fff;font-size:28px}.home-dashboard-head p{color:#aeb9cd}.dashboard-eyebrow{color:#a794ff}.currency-switch,.month-badge{border-color:var(--th-line)!important;background:rgba(10,21,43,.86)!important;box-shadow:none!important}.currency-switch button{color:#93a1ba}.currency-switch button.active{background:linear-gradient(135deg,#7255e4,#846bee)}
.home-kpi,.transaction-mini-summary>span,.family-summary article{border-color:var(--th-line);background:linear-gradient(145deg,#14223f,#101d38);box-shadow:var(--th-shadow)}.home-kpi small{color:#98a5bd}.home-kpi strong{color:#f5f7ff}.home-kpi-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.kpi-progress,.budget-progress,.progress{background:#25334d}
.home-panel{background:linear-gradient(145deg,#13213d,#0e1b35)}.home-panel-head h3,.quick-actions-panel h3{color:#f4f6fd}.home-view{color:#a895ff;background:rgba(128,102,242,.13)}.home-list-row,.list-row,.rent-due-row,.tenant-compact-row,.schedule-due-row,.schedule-directory-row,.bill-compact-row,.transaction-compact-row,.settings-manage-row{border-color:var(--th-line)}.home-list-icon,.bill-logo{background:#1b2a47;box-shadow:inset 0 0 0 1px var(--th-line)}

/* Tables, cards and module-specific surfaces */
body[data-signed="1"] .table{--bs-table-color:#dfe5f2;--bs-table-bg:transparent;--bs-table-border-color:var(--th-line);--bs-table-hover-color:#fff;--bs-table-hover-bg:rgba(128,102,242,.055)}
body[data-signed="1"] .table th{color:#95a3bb;background:#0e1b34}.table-card,.transaction-card{border:1px solid var(--th-line);background:linear-gradient(145deg,#13213d,#0e1b34);box-shadow:var(--th-shadow)}
.transaction-filters,.table-tools{background:rgba(255,255,255,.012)}.transaction-page{color:#b8c3d7;border-color:var(--th-line);background:#14223f}.transaction-main strong,.schedule-due-row strong,.schedule-directory-row strong,.rent-due-row strong,.tenant-compact-row strong{color:#edf1fa}.transaction-type.income{color:#72d7a0;background:rgba(85,201,139,.14)}.transaction-type.expense{color:#ff919e;background:rgba(255,113,129,.13)}.transaction-amount.income,.amount.income,.positive{color:var(--th-green)!important}.transaction-amount.expense,.amount.expense,.negative{color:var(--th-red)!important}
.family-head,.module-hero{border-color:var(--th-line)!important;background:linear-gradient(130deg,#162541,#101d36 70%,#1a2050)!important;box-shadow:var(--th-shadow)!important}.family-role,.family-permission-box,.family-active-toggle,.transaction-edit-summary,.rent-receive-summary,.pdf-private-note{border-color:var(--th-line)!important;background:#172541!important}.family-permission-grid label{color:#cbd4e5;border-color:var(--th-line);background:#101d36}.family-permission-grid label:has(input:checked){color:#c4b8ff;border-color:#6e58d1;background:rgba(128,102,242,.16)}.family-member-card.inactive{background:#111d35}.family-module-chips span,.family-module-chips b,.tag,.count-badge,.currency-pill{color:#b4a7ff;background:rgba(128,102,242,.16)}
.budget-total-card{background:linear-gradient(135deg,#152541 55%,#191e49)}.budget-card-head h3,.investment-summary-grid strong{color:var(--th-text)}.budget-card-foot,.budget-total-stats,.transaction-pager{border-color:var(--th-line)}.budget-alert-strip{border-color:rgba(224,173,88,.26);background:rgba(137,91,26,.13)}.budget-alert-chip{color:#f1ca88;background:rgba(224,173,88,.13)}
.month-switcher{border-color:var(--th-line);background:#101d36}.month-switcher .budget-current{background:#172541}.segmented{background:#0b1730}.segmented .btn{color:#9daac0}.segmented .btn-check:checked+.btn{color:#fff;background:#1b2b4a;box-shadow:none}
.choose-icon-button,.icon-choice>span{color:#d9e0ed;border-color:var(--th-line);background:#101d36}.choose-icon-button:hover,.icon-choice:hover>span{border-color:#7861e1;background:#182746}.chosen-icon-preview{color:#ad9cff;background:rgba(128,102,242,.15)}.icon-popup-backdrop{background:rgba(1,7,18,.82)}.icon-popup-window{color:#eef2fb;border:1px solid var(--th-line);background:#101d37}.icon-popup-toolbar,.icon-popup-head{border-color:var(--th-line)}
.mini-bill-day{color:#c7d0e1;border-color:var(--th-line);background:#101d36}.mini-bill-day.today{color:#c4b8ff;border-color:#755ee0;background:rgba(128,102,242,.16)}.mini-bill-day i{color:#f0c67f;background:rgba(224,173,88,.16)}
.investment-summary-grid article{border-color:var(--th-line)!important;background:linear-gradient(145deg,#14223f,#101d38)}.investment-summary-icon{color:#b2a3ff;background:rgba(128,102,242,.15)}
.suspense-account{border-color:rgba(230,184,91,.58)!important;background:linear-gradient(145deg,#17223c,#101b33)!important}.suspense-account .suspense-account-note{color:#efc977;border-color:rgba(230,184,91,.42);background:rgba(205,155,58,.1)}
.settings-organized-grid>.settings-manager{border:1px solid var(--th-line);background:linear-gradient(145deg,#13213d,#0e1b35)}.settings-card-body{scrollbar-color:#465474 transparent}.danger{border-color:rgba(255,113,129,.3)!important}.danger h2{color:#ff8795!important}

/* Shopping, pantry, reports, schedules and notifications */
body[data-signed="1"] .shopping-summary-card,body[data-signed="1"] .shopping-panel,body[data-signed="1"] .pantry-panel,body[data-signed="1"] .stock-activity-panel,body[data-signed="1"] .scheduled-transfer-card,body[data-signed="1"] .report-card,body[data-signed="1"] .notification-group{
  color:var(--th-text)!important;border-color:var(--th-line)!important;background:linear-gradient(145deg,#14223f,#101d38)!important;box-shadow:var(--th-shadow)!important
}
body[data-signed="1"] .shopping-row,body[data-signed="1"] .pantry-row,body[data-signed="1"] .stock-activity-row{border-color:var(--th-line)!important}.shopping-toolbar,.pantry-toolbar{border-color:var(--th-line)!important;background:rgba(255,255,255,.012)!important}.shopping-status,.pill-status{color:#b9adff;background:rgba(128,102,242,.15)}

/* Responsive */
@media(max-width:1050px){body[data-signed="0"] .auth-wrap{grid-template-columns:1fr;padding:40px}.auth-brand-panel{display:none}body[data-signed="0"] .auth-card{justify-self:center}}
@media(max-width:768px){body[data-signed="1"] .app-shell{display:block}.topbar{padding:9px 12px}.topbar-search{display:none}.owner-copy{display:none}body[data-signed="1"] .content{padding:14px 11px 88px}.mobile-nav{border-color:var(--th-line);background:#0b1830}.mobile-nav .nav-link{color:#99a7bd}.home-dashboard-head{min-height:150px;align-items:flex-start;flex-direction:column}.home-dashboard-controls{width:100%;justify-content:space-between}.auth-card h2{font-size:29px}}
@media(max-width:520px){body[data-signed="0"] .auth-wrap{padding:16px;background-position:62% center}body[data-signed="0"] .auth-card{padding:27px 20px;border-radius:22px}.auth-card-mark{width:58px;height:58px}.auth-card-copy{margin-bottom:23px}.auth-input .form-control{height:54px!important}.auth-options{font-size:11px}.auth-security{margin-top:22px;padding-top:20px}.top-actions .add-entry-top{width:42px}.home-dashboard-head{padding:18px}.home-dashboard-head h2{font-size:23px}}

@media print{body[data-signed="1"]{background:#fff!important;color:#111!important}body[data-signed="1"] .cardx,body[data-signed="1"] .table-card{color:#111!important;background:#fff!important;box-shadow:none!important}}

/* Wide-screen readability, consistent module surfaces and automatic card flow */
body[data-signed="1"] .content{width:100%;max-width:none;margin:0;padding-left:clamp(18px,2vw,42px);padding-right:clamp(18px,2vw,42px)}
body[data-signed="1"] .text-secondary,body[data-signed="1"] .text-muted,
body[data-signed="1"] .shopping-summary small,body[data-signed="1"] .shopping-summary em,
body[data-signed="1"] .shopping-copy span,body[data-signed="1"] .low-stock-row span,
body[data-signed="1"] .notification-open small,body[data-signed="1"] .notification-open em,
body[data-signed="1"] .report-group-head p,body[data-signed="1"] .account-currency-heading p,
body[data-signed="1"] .settings-manage-row span{color:#aebad0!important}
body[data-signed="1"] .dashboard-eyebrow{color:var(--th-gold)!important;letter-spacing:.12em}
body[data-signed="1"] .section-head>div>p,body[data-signed="1"] .shopping-card-head>div>span,
body[data-signed="1"] .account-toolbar p{color:#aebad0!important}

body[data-signed="1"] .shopping-summary article,
body[data-signed="1"] .shopping-list-card,body[data-signed="1"] .cart-card,
body[data-signed="1"] .low-card,body[data-signed="1"] .pantry-card,
body[data-signed="1"] .notification-hero,body[data-signed="1"] .notification-hero-count,
body[data-signed="1"] .reports-hero,body[data-signed="1"] .report-group,
body[data-signed="1"] .account-currency-section{
  color:var(--th-text)!important;border-color:var(--th-line)!important;
  background:linear-gradient(145deg,#14223f,#101d38)!important;box-shadow:var(--th-shadow)!important
}
body[data-signed="1"] .shopping-summary strong,body[data-signed="1"] .shopping-card-head h2,
body[data-signed="1"] .notification-hero h2,body[data-signed="1"] .notification-group-head h3,
body[data-signed="1"] .reports-hero h2,body[data-signed="1"] .report-group-head h3,
body[data-signed="1"] .report-link,body[data-signed="1"] .account-currency-heading h3{color:#f5f7ff!important}
body[data-signed="1"] .report-link{border-color:var(--th-line)!important;background:transparent!important}
body[data-signed="1"] .report-link:hover{color:#f0c97f!important;background:rgba(224,173,88,.07)!important}
body[data-signed="1"] .reports-hero,body[data-signed="1"] .notification-hero{
  background:linear-gradient(120deg,#172642,#101d38 72%,rgba(125,84,34,.35))!important
}
body[data-signed="1"] .settings-unit-grid>span,body[data-signed="1"] .catalog-selected,
body[data-signed="1"] .choose-product-icon{color:#e7ecf7!important;border-color:var(--th-line)!important;background:#172541!important}
body[data-signed="1"] .pantry-head{color:#b6c1d5!important;background:#0c1931!important}
body[data-signed="1"] .product-picture{background:#1a2946!important}
body[data-signed="1"] .shopping-list-search{border-color:var(--th-line)!important;background:#0c1931!important}
body[data-signed="1"] .shopping-list-search input{color:#edf2fb!important}
body[data-signed="1"] .shopping-actions button,body[data-signed="1"] .notification-actions button{background:#182744!important;color:#cbd4e4!important}

body[data-signed="1"] .home-kpi.amber,body[data-signed="1"] .cardx.th-gold-edge{border-top:2px solid rgba(224,173,88,.72)!important}
body[data-signed="1"] .shopping-summary article.amber>span,
body[data-signed="1"] .notification-icon.amber{color:#f1c979!important;background:rgba(224,173,88,.15)!important}
body[data-signed="1"] .bill-status.pending,body[data-signed="1"] .shopping-status.planned,
body[data-signed="1"] .budget-alert-chip{color:#f2cf91!important;background:rgba(224,173,88,.14)!important}

/* Major page panels use the Settings-page size and scroll internally. */
body[data-signed="1"] .th-scroll-card{height:330px!important;min-height:0!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#465474 transparent}
body[data-signed="1"] .th-scroll-card>.section-head,
body[data-signed="1"] .th-scroll-card>.shopping-card-head,
body[data-signed="1"] .th-scroll-card>.notification-group-head,
body[data-signed="1"] .th-scroll-card>.report-group-head{position:sticky;top:0;z-index:4;background:#12203b;padding-top:2px}
body[data-signed="1"] .th-empty-card{order:99!important;opacity:.82}
body[data-signed="1"] .th-empty-card:after{content:"Available for future items";display:block;margin:12px;color:#806b45;font-size:10px;text-align:center}
body[data-signed="1"] .notification-grid,body[data-signed="1"] .report-group-grid,
body[data-signed="1"] .rent-compact-grid,body[data-signed="1"] .schedule-compact-grid,
body[data-signed="1"] .bill-compact-grid,body[data-signed="1"] .shopping-main-grid,
body[data-signed="1"] .pantry-workspace-grid{align-items:stretch}

/* Account groups remain dark; zero-balance cards are intentionally last but readable. */
body[data-signed="1"] .account-currency-grid .finance-account.balance-zero{color:#dce3f0!important;background:linear-gradient(145deg,#111f39,#0d1930)!important;opacity:.78}
body[data-signed="1"] .account-balance-heading small{color:#c4cde0!important;background:#172541!important}

@media(min-width:2100px){body[data-signed="1"] .content{padding-left:48px;padding-right:48px}.home-kpi-grid{grid-template-columns:repeat(6,minmax(190px,1fr))}}

/* August layout correction: predictable three-column modules */
body[data-signed="1"] .brand>span:last-child{display:flex!important;visibility:visible!important;opacity:1!important}
body[data-signed="1"] .brand strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.2!important}
body[data-signed="1"] .brand small{display:block!important;color:#aeb9cd!important;font-size:9px!important;line-height:1.35!important}

body[data-signed="1"] .th-scroll-card>.section-head,
body[data-signed="1"] .th-scroll-card>.shopping-card-head,
body[data-signed="1"] .th-scroll-card>.notification-group-head,
body[data-signed="1"] .th-scroll-card>.report-group-head{position:static!important;background:transparent!important;padding-top:0!important}

body[data-signed="1"] .rent-compact-grid,
body[data-signed="1"] .schedule-compact-grid,
body[data-signed="1"] .bill-compact-grid,
body[data-signed="1"] .notification-grid,
body[data-signed="1"] .report-group-grid,
body[data-signed="1"] .shopping-main-grid,
body[data-signed="1"] .pantry-workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body[data-signed="1"] .shopping-main-grid>.shopping-list-card{grid-column:auto!important}
body[data-signed="1"] .shopping-card-head{align-items:flex-start!important}
body[data-signed="1"] .shopping-card-head>div:last-child{flex-wrap:wrap;justify-content:flex-end}
body[data-signed="1"] .shopping-card-head .complete-cart{width:auto!important;margin:0!important;white-space:nowrap}
body[data-signed="1"] .shopping-store{width:130px}

body[data-signed="1"] .schedule-directory-row>span,
body[data-signed="1"] .tenant-compact-row>span,
body[data-signed="1"] .finance-account-balance strong,
body[data-signed="1"] .low-stock-row span,
body[data-signed="1"] .low-stock-row button,
body[data-signed="1"] .pantry-row b,
body[data-signed="1"] .pantry-row em,
body[data-signed="1"] .pantry-history-row span,
body[data-signed="1"] .stock-action{color:#eaf0fb!important}
body[data-signed="1"] .schedule-due-row span,
body[data-signed="1"] .rent-due-row span,
body[data-signed="1"] .shopping-copy span{color:#aebbd1!important}
body[data-signed="1"] .low-stock-row em{color:#f4ce8c!important;background:rgba(224,173,88,.17)!important}
body[data-signed="1"] .low-stock-row button{color:#b7a7ff!important}
body[data-signed="1"] .pantry-row>em.good{color:#a8e8c4!important;background:rgba(85,201,139,.15)!important}
body[data-signed="1"] .pantry-row>em.low{color:#f4ce8c!important;background:rgba(224,173,88,.16)!important}

/* Accounts are one continuous USD-then-INR grid with no section separators. */
body[data-signed="1"] .account-card-grid.account-flat-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body[data-signed="1"] .account-flat-layout .finance-account{min-width:0;min-height:240px}
body[data-signed="1"] .account-flat-layout .finance-account.balance-positive{border-top:3px solid var(--th-green)!important}
body[data-signed="1"] .account-flat-layout .finance-account.balance-negative{border-top:3px solid var(--th-red)!important}
body[data-signed="1"] .account-flat-layout .finance-account.balance-zero{border-top:3px solid #65728a!important;opacity:.78}

/* Empty Settings managers always occupy the final grid positions. */
body[data-signed="1"] .settings-organized-grid>.settings-manager{order:0}
body[data-signed="1"] .settings-organized-grid>.settings-manager:has(.settings-empty),
body[data-signed="1"] .settings-organized-grid>.settings-manager:has(.empty){order:90}
body[data-signed="1"] .settings-organized-grid>.danger{order:99}
body[data-signed="1"] .settings-stats span{color:#d9e1ef!important;background:#172541!important;border:1px solid var(--th-line)!important}
body[data-signed="1"] .settings-stats strong{color:#f2cb84!important}

body[data-signed="1"] .account-flat-layout .finance-account,
body[data-signed="1"] .family-card-grid>.family-member-card,
body[data-signed="1"] .budget-card-grid>.budget-card{height:330px!important;min-height:330px!important;overflow:auto!important}
body[data-signed="1"] .module-goals>article.cardx:not(.module-hero){width:calc((100% - 28px)/3)!important;height:330px!important;overflow:auto!important}

/* Single-list modules use one third of the desktop row, leaving future columns free. */
body[data-signed="1"] .module-goals>article:not(.module-hero),
body[data-signed="1"] #view>.family-card-grid,
body[data-signed="1"] #view>.report-group-grid{max-width:none}

@media(max-width:1250px){
 body[data-signed="1"] .rent-compact-grid,body[data-signed="1"] .schedule-compact-grid,
 body[data-signed="1"] .bill-compact-grid,body[data-signed="1"] .notification-grid,
 body[data-signed="1"] .report-group-grid,body[data-signed="1"] .shopping-main-grid,
 body[data-signed="1"] .pantry-workspace-grid,body[data-signed="1"] .account-card-grid.account-flat-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body[data-signed="1"] .rent-compact-grid,body[data-signed="1"] .schedule-compact-grid,
 body[data-signed="1"] .bill-compact-grid,body[data-signed="1"] .notification-grid,
 body[data-signed="1"] .report-group-grid,body[data-signed="1"] .shopping-main-grid,
 body[data-signed="1"] .pantry-workspace-grid,body[data-signed="1"] .account-card-grid.account-flat-layout{grid-template-columns:1fr!important}
}

/* Gold signature line on every module card except Accounts & Cards. */
body[data-signed="1"] .content:not(.page-accounts) article,
body[data-signed="1"] .content:not(.page-accounts) .cardx,
body[data-signed="1"] .content:not(.page-accounts) .shopping-summary article,
body[data-signed="1"] .content:not(.page-accounts) .module-stat,
body[data-signed="1"] .content:not(.page-accounts) .family-summary article,
body[data-signed="1"] .content:not(.page-accounts) .notification-hero,
body[data-signed="1"] .content:not(.page-accounts) .reports-hero{
 border-top:2px solid rgba(224,173,88,.78)!important
}
body[data-signed="1"] .modal-content,
body[data-signed="1"] .icon-popup-window{border-top:3px solid var(--th-gold)!important}
body[data-signed="1"] .catalog-search-results{border-top:2px solid rgba(224,173,88,.72)!important}

/* Module stat cards must stay dark and readable in the navy theme. */
body[data-signed="1"] .module-stat{
 color:var(--th-text)!important;border-color:var(--th-line)!important;
 background:linear-gradient(145deg,#14223f,#101d38)!important;box-shadow:var(--th-shadow)!important
}
body[data-signed="1"] .module-stat small{color:#aebad0!important}
body[data-signed="1"] .module-stat strong{color:#f5f7ff!important}

/* One scrollbar per panel: fixed shell, scrollable content area. */
body[data-signed="1"] .rent-compact-grid>.cardx,
body[data-signed="1"] .schedule-compact-grid>.cardx,
body[data-signed="1"] .bill-compact-grid>.cardx,
body[data-signed="1"] .shopping-main-grid>.cardx,
body[data-signed="1"] .pantry-workspace-grid>.cardx{overflow:hidden!important;display:flex!important;flex-direction:column!important}
body[data-signed="1"] .rent-due-card>#rentDue,
body[data-signed="1"] .tenant-card>.tenant-compact-list,
body[data-signed="1"] .schedule-compact-grid>.cardx>#recurringPending,
body[data-signed="1"] .schedule-compact-grid>.cardx>#subscriptionPending,
body[data-signed="1"] .schedule-compact-grid>.cardx>.schedule-directory,
body[data-signed="1"] .bill-compact-grid>.cardx>.bill-compact-list,
body[data-signed="1"] .shopping-list-card>#shoppingRows,
body[data-signed="1"] .low-card>.low-stock-list,
body[data-signed="1"] .pantry-card>.pantry-list-scroll,
body[data-signed="1"] .pantry-history-card>.pantry-history-list{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto!important;overflow-x:hidden}
body[data-signed="1"] .tenant-compact-list,
body[data-signed="1"] .schedule-directory,
body[data-signed="1"] .bill-compact-list{max-height:none!important}

/* Shopping & Pantry: compact controls and a cleaner one-third card layout. */
body[data-signed="1"] .page-shopping .shopping-summary article{min-height:88px;padding:13px 15px}
body[data-signed="1"] .page-shopping .shopping-summary article>span{width:40px;height:40px}
body[data-signed="1"] .page-shopping .shopping-summary strong{font-size:20px}
body[data-signed="1"] .page-shopping .shopping-card-head{min-height:76px;padding:12px 14px;gap:10px}
body[data-signed="1"] .page-shopping .shopping-store-title{align-items:flex-start}
body[data-signed="1"] .page-shopping .shopping-store-title h2{line-height:1.15}
body[data-signed="1"] .page-shopping .shopping-card-head .btn,
body[data-signed="1"] .page-shopping .shopping-card-head .form-select{min-height:34px;height:34px;border-radius:9px;font-size:11px;padding-top:4px;padding-bottom:4px}
body[data-signed="1"] .page-shopping .shopping-card-head .btn{padding-left:9px;padding-right:9px;gap:4px}
body[data-signed="1"] .page-shopping .shopping-card-head .btn svg{width:14px;height:14px}
body[data-signed="1"] .page-shopping .shopping-store{width:105px}
body[data-signed="1"] .page-shopping .shopping-list-search{height:36px;margin:10px 13px;padding:0 10px}
body[data-signed="1"] .page-shopping .shopping-row{min-height:56px;padding:7px 13px;grid-template-columns:34px 23px minmax(90px,1fr) auto auto;gap:7px}
body[data-signed="1"] .page-shopping .shopping-row .product-picture{width:33px;height:33px}
body[data-signed="1"] .page-shopping .shopping-copy strong{font-size:12px}
body[data-signed="1"] .page-shopping .shopping-copy span{font-size:10px}
body[data-signed="1"] .page-shopping .shopping-actions button{width:28px;height:28px}
body[data-signed="1"] .page-shopping .shopping-status{font-size:9px;padding:4px 6px}

/* Dark product autocomplete and selected-product preview. */
body[data-signed="1"] .catalog-search-results{border-color:rgba(224,173,88,.38)!important;background:#0d1a33!important;box-shadow:0 20px 45px rgba(0,0,0,.45)!important}
body[data-signed="1"] .catalog-search-results button{color:#edf2fb!important;background:#13213e!important;border:1px solid transparent!important}
body[data-signed="1"] .catalog-search-results button+button{margin-top:4px}
body[data-signed="1"] .catalog-search-results button:hover,
body[data-signed="1"] .catalog-search-results button:focus{color:#fff!important;border-color:rgba(224,173,88,.46)!important;background:#1a2a49!important}
body[data-signed="1"] .catalog-search-results button strong{color:#fff!important}
body[data-signed="1"] .catalog-search-results button small,
body[data-signed="1"] .catalog-search-hint{color:#b7c2d7!important}
body[data-signed="1"] .catalog-selected{color:#edf2fb!important;border-color:rgba(85,201,139,.3)!important;background:#142640!important}
body[data-signed="1"] .selected-store-note{color:#e5dcff!important;border:1px solid rgba(128,102,242,.25)!important;background:#172541!important}

@media(max-width:1550px){
 body[data-signed="1"] .page-shopping .shopping-card-head>div:last-child{width:100%;justify-content:flex-start}
 body[data-signed="1"] .page-shopping .shopping-card-head{flex-direction:column}
}

/* Unified Transactions ledger. */
body[data-signed="1"] .transaction-type.transfer{color:#c2b8ff;background:rgba(128,102,242,.16)}
body[data-signed="1"] .transaction-amount.transfer.in{color:var(--th-green)!important}
body[data-signed="1"] .transaction-amount.transfer.out{color:#c2b8ff!important}
body[data-signed="1"] .tx-transfer-icon{background:rgba(128,102,242,.13);color:#c2b8ff;box-shadow:inset 0 0 0 1px var(--th-line)}
body[data-signed="1"] .transfer-ledger-row{background:linear-gradient(90deg,rgba(128,102,242,.045),transparent)}
.payment-summary-stat{background:#15233f!important;border-color:var(--th-line)!important}.payment-summary-stat small{color:#b8c3d6!important}.payment-summary-stat strong{color:#f5f7ff}.payment-summary-stat.overdue strong{color:#ff6376!important}.payment-summary-stat.due strong{color:#f2bc58!important}.payment-summary-stat.paid strong{color:#72d59d!important}.payment-reminder{background:#111e38;border-color:var(--th-line)!important;color:#f5f7ff}

/* ===== mobile-app.css ===== */
/* Root-domain PWA and phone layout. */
.pwa-install-button{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #b98a3d;border-radius:14px;background:#111d36;color:#fff;box-shadow:0 16px 36px #0008;text-align:left}.pwa-install-button>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#745ce7;font-size:20px}.pwa-install-button strong,.pwa-install-button small{display:block}.pwa-install-button strong{font-size:12px}.pwa-install-button small{color:#b9c4d8;font-size:9px}
@media(max-width:768px){html,body{max-width:100%;overflow-x:hidden}body{padding-top:env(safe-area-inset-top)}input,select,textarea{font-size:16px!important}.content{width:100%;padding:12px 10px calc(88px + env(safe-area-inset-bottom))!important}.topbar{height:auto;min-height:62px;padding:8px 10px!important;gap:8px}.topbar-page{min-width:0}.topbar-page h1{font-size:16px}.topbar-page p{display:none}.top-actions{gap:5px}.top-actions .icon-button{width:40px;height:40px}.owner-profile{min-width:40px;padding:3px}.owner-profile>svg{display:none}.summary-grid,.trip-kpis,.trip-grid,.settings-organized-grid,.report-group-grid,.family-card-grid,.family-summary,.schedule-compact-grid,.bill-compact-grid,.rent-compact-grid{grid-template-columns:1fr!important}.cardx,.table-card{border-radius:14px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-dialog{align-items:flex-end;min-height:100%;margin:0}.modal-content{max-height:92dvh;border-radius:20px 20px 0 0!important;border-top:3px solid #b98a3d!important}.modal-body{overflow-y:auto}.modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.btn,.icon-button,.nav-link{min-height:44px}.pwa-install-button{right:10px;bottom:calc(76px + env(safe-area-inset-bottom))}.auth-wrap{padding:12px!important}.auth-card{width:100%;padding:24px 18px!important}.auth-brand-panel{display:none!important}.trip-panel,.schedule-directory,.bill-compact-list,.tenant-compact-list,.transaction-compact-list{max-height:none!important}}

/* Readable dashboard cards on iPhone. */
@media(max-width:768px){
body[data-signed="1"] .home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body[data-signed="1"] .home-kpi{min-width:0!important;min-height:142px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr);align-content:start;padding:13px!important;gap:9px!important}
body[data-signed="1"] .home-kpi>div{min-width:0!important}
body[data-signed="1"] .home-kpi small{font-size:10px!important;line-height:1.25}
body[data-signed="1"] .home-kpi strong{font-size:17px!important;line-height:1.25;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
body[data-signed="1"] .home-kpi em{font-size:9px!important;line-height:1.35;overflow-wrap:anywhere}
body[data-signed="1"] .kpi-progress{grid-column:1/-1}
}
@media(max-width:370px){body[data-signed="1"] .home-kpi-grid{grid-template-columns:1fr!important}body[data-signed="1"] .home-kpi{min-height:112px!important}}

/* Cancel the desktop one-third-width Goals rule on phones. */
@media(max-width:768px){
body[data-signed="1"] #view.page-goals,body[data-signed="1"] #view.module-goals{width:100%!important;min-width:0!important;overflow:hidden!important}
body[data-signed="1"] #view.page-goals>article.cardx:not(.module-hero),body[data-signed="1"] #view.module-goals>article.cardx:not(.module-hero){width:100%!important;max-width:100%!important;height:auto!important;min-height:260px!important;overflow:hidden!important}
body[data-signed="1"] #view.page-goals .section-head,body[data-signed="1"] #view.module-goals .section-head{align-items:flex-start;flex-wrap:wrap}
body[data-signed="1"] #view.page-goals .section-head>div,body[data-signed="1"] #view.module-goals .section-head>div{min-width:0;flex:1 1 190px}
body[data-signed="1"] #view.page-goals .list-row,body[data-signed="1"] #view.module-goals .list-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px!important;align-items:center!important}
body[data-signed="1"] #view.page-goals .list-row>div:nth-child(2),body[data-signed="1"] #view.module-goals .list-row>div:nth-child(2){min-width:0!important;overflow-wrap:anywhere}
body[data-signed="1"] #view.page-goals .list-row>div:last-child,body[data-signed="1"] #view.module-goals .list-row>div:last-child{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}
}

/* The bottom menu owns horizontal touch scrolling. */
@media(max-width:768px){
body[data-signed="1"] .mobile-nav{height:calc(78px + env(safe-area-inset-bottom));display:flex!important;align-items:stretch;overflow-x:scroll!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px 8px env(safe-area-inset-bottom)!important}
body[data-signed="1"] .mobile-nav::-webkit-scrollbar{display:none}
body[data-signed="1"] .mobile-nav .nav-link{flex:0 0 92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;min-height:62px!important;scroll-snap-align:center;white-space:normal!important;text-align:center!important;overflow:hidden}
body[data-signed="1"] .mobile-nav .nav-link span{display:block;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-signed="1"] .main,body[data-signed="1"] #view{max-width:100vw;min-width:0;overflow-x:hidden}
}

/* ===== barcode-scanner.css ===== */
.pantry-scan-actions{display:flex;gap:8px}.pantry-scan-actions .btn{display:inline-flex;align-items:center;gap:7px}.pantry-scan-actions svg{width:17px}.pantry-quick-search>input{padding-right:52px!important}.pantry-search-camera{position:absolute;right:6px;top:6px;width:32px!important;height:32px;border:1px solid var(--line)!important;border-radius:8px!important;display:grid!important;place-items:center;background:rgba(122,89,239,.13)!important;color:#b7a8ff!important;padding:0!important}.pantry-search-camera svg{width:17px!important}.pantry-barcode-popup{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:18px}.pantry-barcode-popup.show{display:grid}.pantry-barcode-backdrop{position:absolute;inset:0;background:rgba(2,7,19,.82);backdrop-filter:blur(5px)}.pantry-barcode-window{position:relative;width:min(540px,100%);max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #394660;border-top:3px solid #d3a74f;border-radius:17px;background:#111d36;color:#f5f7ff;box-shadow:0 28px 80px rgba(0,0,0,.6)}.pantry-barcode-window header{display:flex;justify-content:space-between;gap:20px;padding:19px 20px 15px;border-bottom:1px solid #2c3851}.pantry-barcode-window header span{color:#d8ad58;font-size:10px;font-weight:800;letter-spacing:.14em}.pantry-barcode-window header h2{margin:3px 0;font-size:21px}.pantry-barcode-window header p{margin:0;color:#98a6c2;font-size:12px}.pantry-barcode-close{border:0;background:transparent;color:#b5bfd2;font-size:29px;line-height:1}.pantry-barcode-reader{min-height:250px;margin:16px;border-radius:13px;overflow:hidden;background:#081226}.pantry-barcode-reader video{object-fit:cover}.pantry-barcode-status{margin:0 16px 14px;padding:10px 12px;border-radius:10px;background:#1b2947;color:#bfcae0;display:flex;align-items:center;gap:9px;font-size:12px}.pantry-barcode-status svg{width:18px;color:#d3a74f}.pantry-barcode-status.ready{background:#18372f;color:#9be0be}.pantry-barcode-status.error{background:#432735;color:#ffb2c0}.pantry-barcode-manual{padding:0 16px 16px}.pantry-barcode-manual label{display:block;color:#aeb9cf;font-size:12px;margin-bottom:6px}.pantry-barcode-manual>div{display:flex;gap:8px}.pantry-barcode-manual input{min-width:0;flex:1;height:43px;border:1px solid #34425d;border-radius:10px;background:#0d1830;color:#fff;padding:0 12px}.pantry-barcode-manual button{border:0;border-radius:10px;background:linear-gradient(135deg,#654adb,#8b69f2);color:#fff;font-weight:700;padding:0 15px}.pantry-barcode-window footer{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid #2c3851}.pantry-barcode-window footer small{flex:1;color:#8795b0;font-size:10px}.catalog-barcode-input{display:flex;gap:8px}.catalog-barcode-input input{flex:1}.catalog-barcode-input button{border:1px solid var(--line);border-radius:10px;background:rgba(122,89,239,.13);color:var(--ink);padding:0 14px;display:flex;align-items:center;gap:6px}.catalog-barcode-input svg{width:17px}
@media(max-width:700px){.pantry-pro-heading>div:last-child{gap:9px}.pantry-scan-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.pantry-scan-actions .btn{justify-content:center}.pantry-barcode-popup{padding:8px}.pantry-barcode-reader{min-height:220px;margin:12px}.pantry-barcode-window header{padding:16px}.pantry-barcode-window footer{align-items:stretch;flex-direction:column}.pantry-barcode-window footer .btn{width:100%}}
.scan-new-product-note{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;border:1px solid rgba(211,167,79,.45);border-radius:12px;background:rgba(211,167,79,.08)}.scan-new-product-note>svg{width:28px;color:#d3a74f}.scan-new-product-note small,.scan-new-product-note strong,.scan-new-product-note span{display:block}.scan-new-product-note small{font-size:9px;letter-spacing:.14em;color:#d3a74f;font-weight:800}.scan-new-product-note strong{font-size:15px}.scan-new-product-note span{font-size:10px;color:var(--muted)}
.scan-catalog-picker{position:relative}.scan-catalog-results{margin-top:7px;max-height:210px;overflow-y:auto;border:1px solid #3a4968;border-radius:11px;background:#0d1931;-webkit-overflow-scrolling:touch}.scan-catalog-results button,.scan-catalog-selected{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #2d3a58;background:#101e3a;color:#f4f7ff;text-align:left}.scan-catalog-results button>span,.scan-catalog-selected>span{flex:1}.scan-catalog-results strong,.scan-catalog-results small,.scan-catalog-selected strong,.scan-catalog-selected small{display:block}.scan-catalog-results small,.scan-catalog-selected small{color:#9eabc4}.scan-catalog-results button:hover,.scan-catalog-results button:focus{background:#1b2a4a}.scan-catalog-results button>svg,.scan-catalog-selected>svg{color:#72d6a5}.scan-catalog-hint{padding:13px;color:#9eabc4}

/* ===== multi-barcode.css ===== */
.multi-barcode-panel{margin-top:1rem;padding:1rem;border:1px solid rgba(212,165,74,.42);border-top:2px solid #d4a54a;border-radius:14px;background:rgba(8,20,44,.35)}
.multi-barcode-head,.multi-barcode-row{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(130px,1fr) 90px 100px 40px;gap:.55rem;align-items:center}.multi-barcode-head{display:flex;justify-content:space-between;margin-bottom:.7rem}.multi-barcode-head strong{color:var(--text,#f4f7ff)}.multi-barcode-head small{display:block;color:var(--muted,#9aa8c5)}.multi-barcode-row{padding:.55rem 0;border-top:1px solid rgba(255,255,255,.08)}.multi-barcode-row input,.multi-barcode-row select{width:100%;min-width:0}.multi-barcode-actions{display:flex;gap:.5rem;margin-top:.8rem}.multi-barcode-actions .btn{padding:.55rem .8rem}.entry-grocery-scan{margin:0 20px 12px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border:1px solid rgba(212,165,74,.58);background:rgba(212,165,74,.12);color:#f4ca72;border-radius:10px;padding:0 .85rem}.entry-grocery-scan svg{width:18px}.grocery-barcode-assign{padding:.8rem;margin-top:.55rem;border:1px solid rgba(212,165,74,.4);border-radius:10px;background:#111f3e}.grocery-barcode-assign p{margin:0 0 .55rem;color:#f4ca72}.grocery-barcode-product{display:flex;width:100%;align-items:center;gap:.6rem;padding:.65rem;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:#f4f7ff;text-align:left}.grocery-barcode-product:hover{background:rgba(124,92,255,.13)}
@media(max-width:720px){.multi-barcode-row{grid-template-columns:1fr 1fr}.multi-barcode-row .icon-button{grid-column:2;justify-self:end}.multi-barcode-head{align-items:flex-start}.entry-grocery-scan{justify-content:center;min-height:44px}}
.grocery-barcode-assign label{display:block;margin:.6rem 0 .3rem;color:#dfe7f7;font-weight:700}.grocery-barcode-assign input,.grocery-barcode-assign select{background:#0d1931!important;color:#f4f7ff!important;border-color:#3a4969!important}.grocery-barcode-assign option{background:#0d1931;color:#f4f7ff}

/* ===== pantry-workflow-fix.css ===== */
/* Tanshar Home: Pantry workflow, popup stability and pagination. */
.entry-grocery-popup{z-index:20050!important;pointer-events:none}.entry-grocery-popup.show{pointer-events:auto}.entry-grocery-open{overflow:hidden!important;touch-action:none}.entry-grocery-window{touch-action:pan-y}.entry-grocery-create-panel:empty{display:none}.entry-grocery-create-panel{padding:0 20px 12px}.entry-grocery-create-card{padding:14px;border:1px solid #5a4d35;border-radius:12px;background:#172442}.entry-grocery-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.entry-grocery-create-head strong,.entry-grocery-create-head small{display:block}.entry-grocery-create-head small{color:#aeb9cf}.entry-create-cancel{border:0;background:transparent;color:#cbd5e7;font-size:24px}.entry-grocery-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-grocery-create-grid label{display:grid;gap:5px;color:#bdc8dc;font-size:12px}.entry-grocery-create-grid input,.entry-grocery-create-grid select{width:100%;height:42px;padding:0 10px;border:1px solid #405071;border-radius:9px;background:#0d1831;color:#fff}.entry-create-add{align-self:end;min-height:42px}
.pantry-pro-heading>div:last-child{display:flex;gap:8px!important;align-items:center;flex-wrap:wrap}.pantry-tool-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;border:1px solid #465474;background:#16233f;color:#ecf2ff}.pantry-tool-button:hover{border-color:#c99d4b;color:#f2cc7a}.pantry-stock-main{border-top:2px solid #c99d4b;overflow:hidden}.pantry-stock-main .pantry-pro-list{height:auto!important;max-height:none!important;overflow:visible!important}.pantry-pro-card-head>div:first-child small{display:block;color:#9eabc4;margin-top:2px}.pantry-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #2d3a58;color:#aeb9cf}.pantry-pagination>div{display:flex;align-items:center;gap:10px}.pantry-pagination b{min-width:92px;text-align:center;color:#eef3ff}.pantry-pagination button:disabled{opacity:.35;cursor:not-allowed}.pantry-action-popup{position:fixed;inset:0;z-index:20100;display:none}.pantry-action-popup.show{display:block}.pantry-action-backdrop{position:absolute;inset:0;background:rgba(1,7,22,.82);backdrop-filter:blur(7px)}.pantry-action-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 30px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #405071;border-top:3px solid #c99d4b;border-radius:16px;background:#111c39;color:#f4f7ff;box-shadow:0 28px 90px rgba(0,0,0,.6)}.pantry-action-window>header{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #2d3a58}.pantry-action-window h2{margin:2px 0;font-size:22px}.pantry-action-window p{margin:0;color:#aeb9cf}.pantry-action-close{border:0;background:transparent;color:#cbd5e7;font-size:30px}.pantry-action-body{padding:18px 20px;overflow:auto;-webkit-overflow-scrolling:touch}.popup-search{margin:0 0 16px}.pantry-popup-history{display:grid}.pantry-activity-row{grid-template-columns:38px minmax(0,1fr) auto auto 38px!important}.delete-pantry-activity{width:34px;height:34px;display:grid;place-items:center;border:1px solid #6b3d4c;border-radius:9px;background:#321e2d;color:#ff8992}.delete-pantry-activity svg{width:16px}
@media(max-width:700px){.entry-grocery-popup{position:fixed!important;inset:0!important}.entry-grocery-window{top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);max-height:none;height:auto}.entry-grocery-create-grid{grid-template-columns:1fr}.entry-grocery-selected{min-height:90px}.entry-grocery-window header{padding:14px 16px}.entry-grocery-search{margin:12px 16px}.entry-grocery-create-panel{padding:0 16px 10px}.entry-grocery-window footer{padding:12px 16px}.pantry-pro-heading>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.pantry-pro-heading .add-pantry{grid-column:1/-1}.pantry-action-window{top:max(8px,env(safe-area-inset-top));bottom:max(84px,env(safe-area-inset-bottom));transform:translateX(-50%);max-height:none}.pantry-activity-row{grid-template-columns:34px minmax(0,1fr) auto!important}.pantry-activity-row em,.pantry-activity-row b{grid-column:2}.pantry-activity-row .delete-pantry-activity{grid-column:3;grid-row:1/3}.pantry-pro-table-head{display:none}.pantry-stock-main .pantry-pro-row{grid-template-columns:42px minmax(0,1fr) auto!important}.pantry-stock-main .pantry-pro-row>b,.pantry-stock-main .pantry-pro-row>em,.pantry-stock-main .pantry-pro-actions{grid-column:2/4}.pantry-pagination{padding-inline:10px}}

/* iOS: keep the Bootstrap entry modal usable while the optional pantry sheet is closed. */
.entry-grocery-open{overflow:hidden!important;touch-action:auto!important}
.entry-grocery-window{overflow:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y!important}
.scan-create-new{width:100%;min-height:58px!important;margin-top:8px;border:1px dashed #c99d4b!important;background:#182541!important;color:#f2cc7a!important;text-align:left}.scan-create-new span{display:block}.scan-create-new small{display:block;color:#aeb9cf}.scan-create-fields{margin-top:10px;padding:12px;border:1px solid #4b5875;border-radius:12px;background:#111d38}

/* Render the complete ten-product page instead of clipping it to four rows. */
.pantry-pro-inventory.pantry-stock-main{height:auto!important;min-height:0!important;max-height:none!important}
.pantry-stock-main .pantry-pro-list{height:auto!important;max-height:none!important;overflow:visible!important}
.pantry-stock-main .pantry-pro-row.d-none{display:none!important}
@media(max-width:700px){.pantry-pro-inventory.pantry-stock-main{height:auto!important;min-height:0!important;max-height:none!important}.pantry-stock-main .pantry-pro-list{height:auto!important;max-height:none!important;overflow:visible!important}}

/* ===== pantry-splitwise.css ===== */
.pantry-studio{--studio-panel:#101d37;--studio-panel-2:#0d1931;--studio-line:rgba(168,184,220,.16);--studio-violet:#8066f2;--studio-gold:#e0ad58;--studio-green:#55c98b;--studio-amber:#efad3f;--studio-red:#ff7181;display:grid;gap:14px;color:#f4f7ff}
.studio-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:2px 3px}.studio-page-heading h1{margin:2px 0 3px;font-size:28px;letter-spacing:-.8px}.studio-page-heading p{margin:0;color:#99a7c2;font-size:12px}.studio-eyebrow{color:var(--studio-gold);font-size:9px;font-weight:800;letter-spacing:.12em}.studio-page-heading>div:last-child{display:flex;gap:8px}.studio-scan-wide{height:38px;padding:0 13px;border:1px solid var(--studio-line);border-radius:10px;background:#101d37;color:#d8dfef;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.studio-scan-wide:hover{border-color:#8066f2;color:#fff}.studio-scan-wide svg{width:15px}
.studio-health{position:relative;isolation:isolate;min-height:205px;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(380px,1.1fr);overflow:hidden;border:1px solid rgba(224,173,88,.55);border-radius:17px;background:linear-gradient(112deg,#13233f 0%,#0c1931 62%,#101c35 100%);box-shadow:0 18px 38px rgba(0,0,0,.14)}.studio-health:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 70% 20%,rgba(224,173,88,.13),transparent 31%),radial-gradient(circle at 22% -20%,rgba(128,102,242,.15),transparent 40%)}.studio-health-copy{padding:22px 27px}.studio-health h2{margin:5px 0 17px;font-size:21px}.studio-health-meter{width:min(430px,100%);height:11px;overflow:hidden;border-radius:99px;background:linear-gradient(90deg,#316e55 0 34%,#826726 34% 68%,#7f3341 68%);box-shadow:inset 0 1px 4px rgba(0,0,0,.45)}.studio-health-meter i{position:relative;display:block;height:100%;min-width:10px;border-radius:inherit;background:linear-gradient(90deg,#42ba74,#9fe55e);box-shadow:0 0 13px rgba(90,218,114,.4)}.studio-health-meter i:after{content:"";position:absolute;right:-4px;top:-3px;width:17px;height:17px;border-radius:50%;background:#a7f267;box-shadow:0 0 12px #7ae05f}.studio-health-counts{display:flex;align-items:center;gap:36px;margin:18px 0}.studio-health-counts span{position:relative;padding-left:18px;color:#9ca9c2;font-size:10px}.studio-health-counts span:before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.studio-health-counts span.healthy{color:var(--studio-green)}.studio-health-counts span.low{color:var(--studio-amber)}.studio-health-counts span.out{color:var(--studio-red)}.studio-health-counts b{display:block;margin-bottom:2px;color:#fff;font-size:20px}.studio-review{height:37px;display:flex;align-items:center;gap:36px;padding:0 13px;border:0;border-radius:9px;background:linear-gradient(135deg,#7254e3,#8166ef);color:#fff;font-size:10px;font-weight:800;box-shadow:0 8px 20px rgba(77,50,189,.22)}.studio-review svg{width:14px}
.studio-basket-art{position:relative;min-height:205px;display:grid;place-items:center}.basket-glow{position:absolute;width:310px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(224,173,88,.22),transparent 67%);filter:blur(5px)}.basket-products{position:absolute;z-index:2;top:30px;display:flex;align-items:flex-end;gap:8px;color:#f3c77c}.basket-products svg{width:65px;height:65px;padding:12px;border-radius:18px;background:linear-gradient(145deg,#283a58,#15243f);filter:drop-shadow(0 8px 13px rgba(0,0,0,.35))}.basket-products svg:nth-child(2){color:#ff8d45;transform:translateY(13px) rotate(-8deg)}.basket-products svg:nth-child(3){color:#ff766f;transform:translateY(7px)}.basket-products svg:nth-child(4){color:#d8b36b;transform:translateY(11px) rotate(7deg)}.basket-body{z-index:3;transform:translateY(42px);color:#c18a4f}.basket-body svg{width:230px;height:110px;stroke-width:1.15;filter:drop-shadow(0 15px 13px rgba(0,0,0,.38))}
.studio-toolbar{display:flex;align-items:center;gap:7px;min-width:0}.studio-filter-chips{display:flex;min-width:0;overflow:auto;border:1px solid var(--studio-line);border-radius:11px;background:#0c1830}.studio-filter-chips button{height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-right:1px solid var(--studio-line);background:transparent;color:#adb8cc;font-size:10px;font-weight:700;white-space:nowrap}.studio-filter-chips button:last-child{border-right:0}.studio-filter-chips button:hover,.studio-filter-chips button.active{color:#fff;background:linear-gradient(135deg,#7254e3,#8066f2)}.studio-filter-chips svg{width:14px}.studio-search{position:relative;min-width:170px;flex:1}.studio-search svg{position:absolute;left:11px;top:12px;width:15px;color:#7887a1}.studio-search input{width:100%;height:40px;padding:0 11px 0 34px;border:1px solid var(--studio-line);border-radius:11px;background:#0c1830;color:#eef2fb;outline:0;font-size:10px}.studio-search input:focus{border-color:#8066f2}.studio-scan,.studio-add-product{height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.studio-scan{width:40px;flex:0 0 40px;border:1px solid var(--studio-line);background:#13213c;color:#cbd4e5}.studio-scan svg{width:16px}.studio-add-product{gap:6px;padding:0 14px;border:0;background:linear-gradient(135deg,#7254e3,#8066f2);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.studio-add-product svg{width:15px}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:13px;align-items:start}.studio-products{display:grid;gap:13px;min-width:0}.studio-bento{display:grid;grid-template-columns:285px minmax(0,1fr);gap:11px;min-height:430px}.studio-featured,.studio-product-card,.studio-side-card,.studio-mini-insight{position:relative;border:1px solid var(--studio-line);background:linear-gradient(145deg,rgba(17,31,58,.98),rgba(12,25,49,.98));box-shadow:0 12px 28px rgba(0,0,0,.13)}.studio-gold-card:before{content:"";position:absolute;left:12px;right:12px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--studio-gold),transparent)}.studio-featured{height:430px;overflow:hidden;padding:18px;border-color:rgba(128,102,242,.48);border-radius:14px}.studio-featured:after{content:"";position:absolute;inset:23% -25% -25%;background:radial-gradient(circle,rgba(128,102,242,.19),transparent 60%);pointer-events:none}.studio-featured-label{display:flex;align-items:center;gap:5px;color:#e5c170;font-size:9px;font-weight:800}.studio-featured-label svg{width:13px;fill:currentColor}.studio-more{position:absolute;z-index:5;right:9px;top:9px;width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#aab5ca}.studio-more:hover{background:rgba(255,255,255,.07);color:#fff}.studio-more svg{width:16px}.studio-featured-copy h3{margin:12px 0 4px;font-size:20px}.studio-featured-copy p{display:flex;align-items:center;gap:7px;margin:0;color:#cbd3e2;font-size:11px}.studio-featured-copy p i{width:4px;height:4px;border-radius:50%;background:#74819a}.studio-featured-copy em{font-style:normal;font-weight:800}.studio-featured-copy em.low{color:var(--studio-amber)}.studio-featured-copy em.out{color:var(--studio-red)}.studio-featured-copy em.healthy{color:var(--studio-green)}.studio-featured-visual{position:absolute;z-index:2;inset:90px 18px 65px;display:grid;place-items:center}.studio-featured-visual .product-picture{width:210px!important;height:210px!important;background:transparent!important;box-shadow:none!important}.studio-featured-visual .product-picture img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 22px 22px rgba(0,0,0,.35))}.studio-featured>.studio-gauge{position:absolute;z-index:3;left:21px;bottom:75px}.studio-gauge{--ring:#55c98b;width:53px;height:53px;display:grid;place-items:center;flex:0 0 53px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--stock)*1%),rgba(125,140,171,.16) 0);box-shadow:0 0 16px color-mix(in srgb,var(--ring) 28%,transparent)}.studio-gauge:before{content:"";grid-area:1/1;width:42px;height:42px;border-radius:50%;background:#101d37}.studio-gauge b{z-index:1;grid-area:1/1;font-size:10px}.studio-gauge.low{--ring:var(--studio-amber)}.studio-gauge.out{--ring:var(--studio-red)}.studio-featured-actions{position:absolute;z-index:4;left:15px;right:15px;bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-featured-actions button,.studio-card-actions button{height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:10px;font-weight:800}.studio-featured-actions button:first-child{border:1px solid #8066f2;background:#34238f;color:#fff}.studio-featured-actions button:last-child{border:1px solid #f0a828;background:linear-gradient(#f3b43e,#de931d);color:#241604}.studio-featured-actions svg,.studio-card-actions svg{width:14px}
.studio-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.studio-product-card{height:210px;overflow:hidden;border-radius:13px}.studio-product-select{position:relative;width:100%;height:166px;display:block;padding:8px 10px 7px;border:0;background:transparent;color:#fff;text-align:left}.studio-product-select>.product-picture{width:100%!important;height:103px!important;background:transparent!important;box-shadow:none!important}.studio-product-select>.product-picture img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 12px 12px rgba(0,0,0,.29))}.studio-product-select>span{position:absolute;left:12px;bottom:14px}.studio-product-select strong,.studio-product-select small{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-product-select strong{font-size:12px}.studio-product-select small{margin-top:2px;color:#9ca8be;font-size:9px}.studio-product-select>.studio-gauge{position:absolute;right:9px;bottom:14px;width:42px;height:42px;flex-basis:42px}.studio-product-select>.studio-gauge:before{width:34px;height:34px}.studio-product-select>.studio-gauge b{font-size:8px}.studio-stock-line{position:absolute;left:10px;bottom:0;height:3px;border-radius:10px;background:var(--studio-green)}.studio-stock-line.low{background:var(--studio-amber)}.studio-stock-line.out{background:var(--studio-red)}.studio-card-actions{height:44px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px 8px;border-top:1px solid var(--studio-line)}.studio-card-actions button{height:32px;border:1px solid var(--studio-line);background:#152542;color:#cfd7e7}.studio-card-actions button:hover{border-color:#8066f2;color:#fff}.studio-grid-empty{grid-column:1/-1;min-height:210px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed var(--studio-line);border-radius:13px;color:#8390aa}.studio-grid-empty svg{width:30px}
.studio-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-mini-insight{min-height:92px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px}.studio-mini-insight>span{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border:1px solid currentColor;border-radius:50%;background:rgba(255,255,255,.03)}.studio-mini-insight>span svg{width:20px}.studio-mini-insight.green{color:var(--studio-green)}.studio-mini-insight.amber{color:var(--studio-amber)}.studio-mini-insight.red{color:var(--studio-red)}.studio-mini-insight div{min-width:0}.studio-mini-insight small,.studio-mini-insight strong,.studio-mini-insight em{display:block}.studio-mini-insight small{color:#a1adc2;font-size:9px}.studio-mini-insight strong{margin:3px 0;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-mini-insight em{color:#8391a9;font-size:8px;font-style:normal}
.studio-right{display:grid;gap:12px}.studio-side-card{overflow:hidden;border-radius:14px}.studio-side-title{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--studio-line)}.studio-side-title h2{display:flex;align-items:center;gap:7px;margin:0;font-size:13px}.studio-side-title h2 svg{width:17px;color:var(--studio-gold)}.studio-side-title>span{padding:4px 7px;border-radius:99px;background:#202d48;color:#bec7d8;font-size:8px}.studio-side-title>button{border:0;background:transparent;color:#a995ff;font-size:8px}.studio-restock-list{padding:6px 10px}.studio-restock-row{min-height:49px;display:grid;grid-template-columns:34px minmax(0,1fr) auto 15px;align-items:center;gap:8px;border-bottom:1px solid var(--studio-line);cursor:pointer}.studio-restock-row:last-child{border-bottom:0}.studio-restock-row .product-picture{width:32px!important;height:32px!important;display:grid!important}.studio-restock-row strong,.studio-restock-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-restock-row strong{font-size:9px}.studio-restock-row small{color:#8290a8;font-size:8px}.studio-restock-row em{padding:4px 6px;border-radius:99px;background:#4b402d;color:#f2ca78;font-size:7px;font-style:normal;font-weight:800}.studio-restock-row em.out{background:#4b2d39;color:#ff9eac}.studio-restock-row input{width:13px;height:13px;accent-color:#8066f2}.studio-shopping-list{width:calc(100% - 20px);height:42px;margin:4px 10px 11px;padding:0 11px;border:0;border-radius:9px;background:linear-gradient(135deg,#7254e3,#8066f2);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800}.studio-shopping-list svg{width:14px}.studio-shopping-list svg:last-child{margin-left:auto}.studio-activity-list{padding:4px 11px 9px}.studio-activity-row{min-height:49px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--studio-line)}.studio-activity-row:last-child{border-bottom:0}.studio-activity-row>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#23493f;color:#8fe0b7}.studio-activity-row>span.use{background:#4b2d39;color:#ff9eac}.studio-activity-row>span.set{background:#29284e;color:#c3b7ff}.studio-activity-row>span svg{width:13px}.studio-activity-row strong,.studio-activity-row small{display:block}.studio-activity-row strong{font-size:9px}.studio-activity-row small{color:#8290a8;font-size:7px}.studio-activity-row time{color:#74819a;font-size:7px}.studio-panel-empty{min-height:110px;display:grid;place-items:center;align-content:center;gap:7px;color:#8290a8;font-size:9px}.studio-panel-empty svg{width:25px}.studio-empty{display:grid;place-items:center;align-content:center;text-align:center;color:#8996ad}.studio-empty>svg{width:42px}.studio-empty h3{margin:10px 0 3px}.studio-empty p{font-size:10px}
@media(max-width:1450px){.studio-layout{grid-template-columns:minmax(0,1fr) 260px}.studio-bento{grid-template-columns:250px minmax(0,1fr)}.studio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-featured,.studio-bento{min-height:430px;height:auto}.studio-product-card{height:210px}.studio-health{grid-template-columns:1fr .8fr}.studio-filter-chips button{padding-inline:10px}}
@media(max-width:1100px){.studio-health{grid-template-columns:1fr}.studio-basket-art{display:none}.studio-layout{grid-template-columns:1fr}.studio-right{grid-template-columns:1fr 1fr}.studio-bento{grid-template-columns:260px minmax(0,1fr)}.studio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-toolbar{flex-wrap:wrap}.studio-filter-chips{order:2;width:100%}.studio-search{min-width:280px}}
@media(max-width:720px){.pantry-studio{gap:10px}.studio-page-heading{align-items:flex-start}.studio-page-heading h1{font-size:22px}.studio-page-heading>div:last-child{display:none}.studio-health{min-height:auto}.studio-health-copy{padding:18px}.studio-health h2{font-size:18px}.studio-health-counts{gap:25px}.studio-toolbar{display:grid;grid-template-columns:1fr 40px auto}.studio-filter-chips{grid-column:1/-1;grid-row:2}.studio-search{min-width:0}.studio-layout,.studio-bento{display:block}.studio-featured{height:390px;margin-bottom:10px}.studio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-product-card{height:198px}.studio-product-select{height:154px}.studio-insights,.studio-right{grid-template-columns:1fr}.studio-mini-insight{min-height:78px}.studio-gauge{transform:scale(.9)}.studio-side-card{margin-top:10px}}
@media(max-width:460px){.studio-product-grid{grid-template-columns:1fr}.studio-filter-chips button{padding-inline:9px}.studio-add-product{font-size:0;width:40px;padding:0}.studio-add-product svg{margin:0}.studio-search{grid-column:1/3}.studio-scan{display:none}.studio-featured{height:370px}.studio-featured-visual .product-picture{width:185px!important;height:185px!important}.studio-health-counts{justify-content:space-between;gap:10px}.studio-health-counts span{padding-left:14px}.studio-health-counts b{font-size:17px}}

/* Compact viewport-fit pantry: six products per page, no long desktop list. */
@media(min-width:1101px){
 .pantry-studio{gap:9px;max-height:calc(100dvh - 146px);overflow:hidden}
 .studio-page-heading h1{font-size:24px}.studio-page-heading p{font-size:10px}
 .studio-health{min-height:118px;height:118px;grid-template-columns:minmax(440px,1fr) minmax(260px,.65fr)}
 .studio-health-copy{padding:12px 22px}.studio-health h2{margin:2px 0 8px;font-size:17px}.studio-health-meter{height:8px}
 .studio-health-counts{gap:28px;margin:8px 0}.studio-health-counts b{display:inline;margin-right:4px;font-size:15px}
 .studio-review{position:absolute;right:20px;bottom:13px;height:31px}.studio-basket-art{min-height:118px}.basket-products{top:10px;transform:scale(.62)}.basket-body{transform:translateY(22px)}.basket-body svg{width:155px;height:75px}
 .studio-toolbar,.studio-search input,.studio-filter-chips button,.studio-scan,.studio-add-product{height:36px}.studio-search svg{top:10px}
 .studio-layout{grid-template-columns:minmax(0,1fr) 265px;gap:9px}.studio-products{gap:8px}.studio-bento{grid-template-columns:230px minmax(0,1fr);gap:8px;min-height:342px;height:342px}
 .studio-featured{height:342px;padding:14px}.studio-featured-copy h3{margin-top:7px;font-size:17px}.studio-featured-visual{inset:70px 12px 58px}.studio-featured-visual .product-picture{width:165px!important;height:165px!important}.studio-featured>.studio-gauge{left:16px;bottom:61px;transform:scale(.82)}.studio-featured-actions{bottom:9px}.studio-featured-actions button{height:34px}
 .studio-product-browser{display:grid;grid-template-rows:1fr 36px;gap:6px;min-width:0;min-height:0}.studio-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;min-height:0}
 .studio-product-card{height:auto;min-height:0}.studio-product-select{height:121px;padding:5px 8px}.studio-product-select>.product-picture{height:67px!important}.studio-product-select>span{left:9px;bottom:9px}.studio-product-select strong{font-size:10px}.studio-product-select small{font-size:8px}.studio-product-select>.studio-gauge{right:5px;bottom:5px;transform:scale(.72)}.studio-card-actions{height:38px;padding:3px 6px}.studio-card-actions button{height:30px}
 .studio-insights{gap:7px}.studio-mini-insight{min-height:70px;padding:8px 10px}.studio-mini-insight>span{width:35px;height:35px;flex-basis:35px}.studio-mini-insight strong{font-size:12px}
 .studio-right{gap:8px}.studio-side-title{min-height:40px;padding:7px 10px}.studio-restock-list{padding:3px 8px}.studio-restock-row{min-height:39px}.studio-shopping-list{height:34px;margin-bottom:8px}.studio-activity-row{min-height:39px}
}

/* Nine-product desktop page: three columns by three rows with contained artwork. */
@media(min-width:1101px){
 .approved-pantry .studio-layout{min-height:605px}
 .approved-pantry .studio-bento{min-height:500px;height:500px}
 .approved-pantry .studio-featured{height:500px}
 .approved-pantry .studio-featured-visual{inset:92px 18px 70px;overflow:visible}
 .approved-pantry .studio-featured-visual>.product-picture{position:relative!important;width:250px!important;height:250px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
 .approved-pantry .studio-featured-visual>.product-picture>img{display:block!important;position:static!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
 .approved-pantry .studio-product-browser{grid-template-rows:458px 36px}
 .approved-pantry .studio-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,150px);gap:4px 6px}
 .approved-pantry .studio-product-card{height:150px}
 .approved-pantry .studio-product-select{height:110px;overflow:hidden}
 .approved-pantry .studio-product-select>.product-picture{position:absolute!important;inset:7px 9px 42px!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;background:transparent!important}
 .approved-pantry .studio-product-select>.product-picture>img{display:block!important;position:static!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
 .approved-pantry .studio-product-select>span{bottom:7px;right:80px;min-width:0}.approved-pantry .studio-product-select>.studio-gauge{display:none!important}
 .approved-pantry .studio-card-actions{height:40px;padding:3px 7px;gap:5px}.approved-pantry .studio-card-actions button{height:32px;min-width:0;padding-inline:6px;font-size:8px;white-space:nowrap}
}
.approved-pantry .studio-gauge,.approved-pantry .studio-stock-line{display:none!important}
.approved-pantry .studio-status-badge{display:inline-flex!important;align-items:center;width:max-content;padding:4px 7px;border-radius:99px;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap;background:#23493f;color:#8fe0b7}
.approved-pantry .studio-status-badge.in-use{background:#4b402d;color:#f2ca78}.approved-pantry .studio-status-badge.out{background:#4b2d39;color:#ff9eac}
.approved-pantry .studio-product-select>.studio-status-badge{position:absolute;right:7px;bottom:7px;z-index:4}
.approved-pantry .studio-product-select strong,.approved-pantry .studio-product-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approved-pantry .studio-featured-copy p{flex-wrap:wrap}.approved-pantry .studio-featured-copy .studio-status-badge{margin-left:2px}
.approved-pantry .studio-featured-actions{gap:7px}.approved-pantry .studio-featured-actions button{min-width:0;padding-inline:9px;font-size:9px}
.approved-pantry .studio-toolbar>*{align-self:stretch}.approved-pantry .studio-toolbar button,.approved-pantry .studio-toolbar input{box-sizing:border-box}
.approved-pantry .studio-filter-chips,.approved-pantry .studio-search{height:40px}.approved-pantry .studio-scan,.approved-pantry .studio-add-product{margin:0}
.approved-pantry .studio-right{align-self:stretch}.approved-pantry .studio-right>.studio-side-card{height:max-content;max-height:605px}.approved-pantry .studio-restock-list{max-height:480px!important;overflow:auto!important}
@media(max-width:1100px){.approved-pantry .studio-product-select>span{right:72px}.approved-pantry .studio-filter-chips,.approved-pantry .studio-search{height:40px}}

/* Keep the health action fully inside the hero panel. */
.approved-pantry .studio-health-copy{position:relative;padding-bottom:58px!important}
.approved-pantry .studio-health-counts{margin:13px 0 0!important}
.approved-pantry .studio-review{position:absolute!important;left:27px!important;bottom:13px!important;z-index:8;max-width:300px;overflow:hidden;white-space:nowrap}
@media(max-width:720px){.approved-pantry .studio-review{left:18px!important;bottom:12px!important}.approved-pantry .studio-health-copy{padding-bottom:60px!important}}

/* Final three-state overrides. Keep last. */
.approved-pantry .studio-gauge,.approved-pantry .studio-stock-line{display:none!important}
.approved-pantry .studio-status-badge{display:inline-flex!important;align-items:center;width:max-content;padding:4px 7px;border-radius:99px;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap;background:#23493f;color:#8fe0b7}
.approved-pantry .studio-status-badge.in-use{background:#4b402d;color:#f2ca78}.approved-pantry .studio-status-badge.out{background:#4b2d39;color:#ff9eac}
.approved-pantry .studio-product-select>.studio-status-badge{position:absolute;right:7px;bottom:7px;z-index:4}
.approved-pantry .studio-product-select>span{right:80px;min-width:0}.approved-pantry .studio-product-select strong,.approved-pantry .studio-product-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approved-pantry .studio-featured-copy p{flex-wrap:wrap}.approved-pantry .studio-featured-copy .studio-status-badge{margin-left:2px}
.approved-pantry .studio-card-actions{gap:5px}.approved-pantry .studio-card-actions button{min-width:0;padding-inline:6px;font-size:8px;white-space:nowrap}
.approved-pantry .studio-featured-actions{gap:7px}.approved-pantry .studio-featured-actions button{min-width:0;padding-inline:9px;font-size:9px}
.approved-pantry .studio-toolbar>*{align-self:stretch}.approved-pantry .studio-toolbar button,.approved-pantry .studio-toolbar input{box-sizing:border-box}
.approved-pantry .studio-filter-chips,.approved-pantry .studio-search{height:40px}.approved-pantry .studio-scan,.approved-pantry .studio-add-product{margin:0}
.approved-pantry .studio-right{align-self:stretch}.approved-pantry .studio-right>.studio-side-card{height:max-content;max-height:605px}.approved-pantry .studio-restock-list{max-height:480px!important;overflow:auto!important}
@media(max-width:1100px){.approved-pantry .studio-product-select>span{right:72px}.approved-pantry .studio-filter-chips,.approved-pantry .studio-search{height:40px}}

/* Three-state pantry workflow and compact aligned controls. */
.approved-pantry .studio-gauge,.approved-pantry .studio-stock-line{display:none!important}
.approved-pantry .studio-status-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:99px;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap;background:#23493f;color:#8fe0b7}
.approved-pantry .studio-status-badge.in-use{background:#4b402d;color:#f2ca78}.approved-pantry .studio-status-badge.out{background:#4b2d39;color:#ff9eac}
.approved-pantry .studio-product-select>.studio-status-badge{position:absolute;right:7px;bottom:7px;z-index:4}
.approved-pantry .studio-product-select>span{right:80px;min-width:0}.approved-pantry .studio-product-select strong,.approved-pantry .studio-product-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approved-pantry .studio-featured-copy p{flex-wrap:wrap}.approved-pantry .studio-featured-copy .studio-status-badge{margin-left:2px}
.approved-pantry .studio-card-actions{gap:5px}.approved-pantry .studio-card-actions button{min-width:0;padding-inline:6px;font-size:8px;white-space:nowrap}
.approved-pantry .studio-featured-actions{gap:7px}.approved-pantry .studio-featured-actions button{min-width:0;padding-inline:9px;font-size:9px}
.approved-pantry .studio-toolbar>*{align-self:stretch}.approved-pantry .studio-toolbar button,.approved-pantry .studio-toolbar input{box-sizing:border-box}
.approved-pantry .studio-filter-chips{height:40px}.approved-pantry .studio-search{height:40px}.approved-pantry .studio-scan,.approved-pantry .studio-add-product{margin:0}
.approved-pantry .studio-right{align-self:stretch}.approved-pantry .studio-right>.studio-side-card{height:max-content;max-height:605px}.approved-pantry .studio-restock-list{max-height:480px!important;overflow:auto!important}
@media(max-width:1100px){.approved-pantry .studio-product-select>span{right:72px}.approved-pantry .studio-filter-chips{height:40px}.approved-pantry .studio-search{height:40px}}
.studio-product-pager{min-height:36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:3px 5px;border:1px solid var(--studio-line);border-radius:10px;background:#0c1830}
.studio-product-pager button{height:28px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--studio-line);border-radius:7px;background:#152542;color:#d7deec;font-size:9px;font-weight:800}.studio-product-pager button:last-child{justify-self:end}.studio-product-pager button:disabled{opacity:.35;cursor:not-allowed}.studio-product-pager button:not(:disabled):hover{border-color:#8066f2;background:#2b2460;color:#fff}.studio-product-pager svg{width:13px}.studio-product-pager strong{color:#eef2fb;font-size:9px;text-align:center}.studio-product-pager small{display:block;margin-top:1px;color:#7f8da6;font-size:7px;font-weight:500}
@media(max-width:1100px){.studio-product-browser{display:grid;gap:8px}.studio-product-pager{margin-top:8px}}
@media(max-width:460px){.studio-product-pager button span{display:none}.studio-product-pager button{width:34px;padding:0}.studio-product-pager{position:sticky;bottom:6px;z-index:8;box-shadow:0 8px 24px rgba(0,0,0,.3)}}

/* Bottom product catalog layout. */
.studio-catalog{position:relative;padding:10px;border:1px solid var(--studio-line);border-radius:14px;background:linear-gradient(145deg,rgba(17,31,58,.98),rgba(12,25,49,.98))}.studio-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:0 3px}.studio-catalog-head h2{margin:1px 0 0;font-size:14px}.studio-catalog-head>span{padding:5px 9px;border-radius:99px;background:#202d48;color:#bec7d8;font-size:8px}
@media(min-width:1101px){
 .pantry-studio{max-height:none;overflow:visible}
 .studio-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:278px}.studio-products{grid-template-rows:200px 70px}
 .studio-featured{height:200px}.studio-featured-copy h3{font-size:16px}.studio-featured-visual{inset:48px 95px 42px}.studio-featured-visual .product-picture{width:140px!important;height:140px!important}.studio-featured>.studio-gauge{bottom:54px}.studio-featured-actions{left:auto;width:215px}
 .studio-insights{height:70px}.studio-mini-insight{min-height:70px}
 .studio-right{grid-template-columns:1fr;grid-template-rows:170px 100px;height:278px}.studio-side-card{height:auto}.studio-restock-list{max-height:82px;overflow:hidden}.studio-activity-list{max-height:51px;overflow:hidden}.studio-shopping-list{position:absolute;left:0;bottom:0}
 .studio-catalog{min-height:197px}.studio-catalog .studio-product-browser{grid-template-rows:132px 36px}.studio-catalog .studio-product-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:132px}.studio-catalog .studio-product-card{height:132px}.studio-catalog .studio-product-select{height:94px}.studio-catalog .studio-product-select>.product-picture{height:52px!important}.studio-catalog .studio-card-actions{height:38px}
}
@media(max-width:1100px){.studio-catalog{margin-top:10px}.studio-catalog .studio-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.studio-catalog .studio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.studio-catalog .studio-product-grid{grid-template-columns:1fr}}

/* Approved Pantry Studio desktop composition. Keep this final block last. */
.studio-basket-image{position:relative;z-index:3;width:min(520px,92%);height:190px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 24px rgba(0,0,0,.42))}
@media(min-width:1101px){
 .approved-pantry{gap:14px;max-height:none;overflow:visible}
 .approved-pantry .studio-page-heading h1{font-size:28px}.approved-pantry .studio-page-heading p{font-size:12px}
 .approved-pantry .studio-health{min-height:205px;height:205px;grid-template-columns:minmax(430px,.9fr) minmax(430px,1.1fr)}
 .approved-pantry .studio-health-copy{padding:22px 27px}.approved-pantry .studio-health h2{margin:5px 0 17px;font-size:21px}.approved-pantry .studio-health-meter{height:11px}
 .approved-pantry .studio-health-counts{gap:36px;margin:18px 0}.approved-pantry .studio-health-counts b{display:block;margin-right:0;font-size:20px}
 .approved-pantry .studio-review{position:static;height:37px}.approved-pantry .studio-basket-art{min-height:205px}
 .approved-pantry .studio-toolbar,.approved-pantry .studio-search input,.approved-pantry .studio-filter-chips button,.approved-pantry .studio-scan,.approved-pantry .studio-add-product{height:40px}.approved-pantry .studio-search svg{top:12px}
 .approved-pantry .studio-layout{grid-template-columns:minmax(0,1fr) 315px;gap:13px;min-height:535px}.approved-pantry .studio-products{display:grid;grid-template-rows:auto auto;gap:13px}.approved-pantry .studio-bento{grid-template-columns:300px minmax(0,1fr);gap:11px;min-height:430px;height:430px}
 .approved-pantry .studio-featured{height:430px;padding:18px}.approved-pantry .studio-featured-copy h3{margin-top:12px;font-size:20px}.approved-pantry .studio-featured-visual{inset:90px 18px 65px}.approved-pantry .studio-featured-visual .product-picture{width:210px!important;height:210px!important}.approved-pantry .studio-featured>.studio-gauge{left:21px;bottom:75px;transform:none}.approved-pantry .studio-featured-actions{left:15px;right:15px;width:auto;bottom:14px}.approved-pantry .studio-featured-actions button{height:38px}
 .approved-pantry .studio-product-browser{display:grid;grid-template-rows:388px 36px;gap:6px;min-width:0}.approved-pantry .studio-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,191px);gap:6px;min-height:0}.approved-pantry .studio-product-card{height:191px}.approved-pantry .studio-product-select{height:147px;padding:8px 10px 7px}.approved-pantry .studio-product-select>.product-picture{height:89px!important}.approved-pantry .studio-product-select>span{left:12px;bottom:12px}.approved-pantry .studio-product-select strong{font-size:12px}.approved-pantry .studio-product-select small{font-size:9px}.approved-pantry .studio-product-select>.studio-gauge{right:7px;bottom:9px;transform:scale(.86)}.approved-pantry .studio-card-actions{height:44px;padding:5px 8px}.approved-pantry .studio-card-actions button{height:32px}
 .approved-pantry .studio-insights{height:92px;gap:10px}.approved-pantry .studio-mini-insight{min-height:92px;padding:12px 14px}.approved-pantry .studio-mini-insight>span{width:45px;height:45px;flex-basis:45px}.approved-pantry .studio-mini-insight strong{font-size:15px}
 .approved-pantry .studio-right{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;gap:12px}.approved-pantry .studio-side-card{height:auto}.approved-pantry .studio-side-title{min-height:48px;padding:10px 12px}.approved-pantry .studio-restock-list{max-height:none;overflow:visible;padding:6px 10px}.approved-pantry .studio-restock-row{min-height:49px}.approved-pantry .studio-shopping-list{position:static;height:42px;margin:4px 10px 11px}.approved-pantry .studio-activity-list{max-height:none;overflow:visible}.approved-pantry .studio-activity-row{min-height:49px}
}

/* Final nine-product override: 3 columns x 3 rows. */
@media(min-width:1101px){
 .approved-pantry .studio-layout{min-height:605px}
 .approved-pantry .studio-bento{min-height:500px;height:500px}
 .approved-pantry .studio-featured{height:500px}
 .approved-pantry .studio-featured-visual{inset:92px 18px 70px;overflow:visible}
 .approved-pantry .studio-featured-visual>.product-picture{position:relative!important;width:250px!important;height:250px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
 .approved-pantry .studio-featured-visual>.product-picture>img{display:block!important;position:static!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
 .approved-pantry .studio-product-browser{grid-template-rows:458px 36px}
 .approved-pantry .studio-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,150px);gap:4px 6px}
 .approved-pantry .studio-product-card{height:150px}
 .approved-pantry .studio-product-select{height:110px;overflow:hidden}
 .approved-pantry .studio-product-select>.product-picture{position:absolute!important;inset:7px 9px 42px!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;background:transparent!important}
 .approved-pantry .studio-product-select>.product-picture>img{display:block!important;position:static!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
 .approved-pantry .studio-product-select>span{bottom:7px}.approved-pantry .studio-product-select>.studio-gauge{bottom:4px;transform:scale(.72)}
 .approved-pantry .studio-card-actions{height:40px;padding:3px 7px}.approved-pantry .studio-card-actions button{height:32px}
}

/* ===== mobile-alignment.css ===== */
/* Tanshar Home — final phone alignment layer. Desktop layout is unchanged. */
@media (max-width: 768px) {
  body[data-signed="1"] {
    padding-top: env(safe-area-inset-top) !important;
  }

  body[data-signed="1"] .topbar {
    position: relative;
    min-height: 64px;
    padding-top: 10px !important;
  }

  body[data-signed="1"] .content {
    padding: 14px 14px calc(104px + env(safe-area-inset-bottom)) !important;
  }

  /* Page heading and primary action always occupy clean, full-width rows. */
  body[data-signed="1"] .rent-compact-head,
  body[data-signed="1"] .schedule-compact-head,
  body[data-signed="1"] .pantry-pro-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body[data-signed="1"] .rent-compact-head > .btn,
  body[data-signed="1"] .schedule-compact-head > .btn {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }

  /* Do not retain the desktop Settings-card fixed height on phone. */
  body[data-signed="1"] .rent-compact-grid > .cardx,
  body[data-signed="1"] .schedule-compact-grid > .cardx,
  body[data-signed="1"] .bill-compact-grid > .cardx {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body[data-signed="1"] .rent-compact-grid .section-head,
  body[data-signed="1"] .schedule-compact-grid .section-head,
  body[data-signed="1"] .bill-compact-grid .section-head {
    min-height: 58px;
    margin: 0 !important;
    padding: 14px 16px 10px !important;
  }

  body[data-signed="1"] .tenant-compact-list,
  body[data-signed="1"] .schedule-directory,
  body[data-signed="1"] .bill-compact-list {
    width: 100%;
    max-height: 430px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 14px 8px !important;
  }

  /* Rent and schedule directory rows: icon, copy and actions stay aligned. */
  body[data-signed="1"] .tenant-compact-row,
  body[data-signed="1"] .schedule-directory-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 11px !important;
    row-gap: 2px !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 10px 0 !important;
  }

  body[data-signed="1"] .tenant-compact-row > .bill-logo,
  body[data-signed="1"] .schedule-directory-row > .bill-logo {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  body[data-signed="1"] .tenant-compact-row > strong,
  body[data-signed="1"] .schedule-directory-row > strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    min-width: 0;
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-signed="1"] .tenant-compact-row > span,
  body[data-signed="1"] .schedule-directory-row > span {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body[data-signed="1"] .tenant-icon-actions,
  body[data-signed="1"] .schedule-icon-actions {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  /* Due rows remain compact and readable. */
  body[data-signed="1"] .rent-due-card > #rentDue,
  body[data-signed="1"] .schedule-compact-grid > .cardx > #recurringPending,
  body[data-signed="1"] .schedule-compact-grid > .cardx > #subscriptionPending {
    min-height: 0 !important;
    max-height: 430px !important;
    overflow-y: auto !important;
    padding: 0 14px 8px !important;
  }

  body[data-signed="1"] .rent-due-row,
  body[data-signed="1"] .schedule-due-row {
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    min-height: 72px !important;
    padding: 10px 0 !important;
    gap: 10px !important;
  }

  body[data-signed="1"] .rent-due-row .btn,
  body[data-signed="1"] .schedule-due-row .btn {
    min-width: 76px !important;
    min-height: 44px !important;
  }

  body[data-signed="1"] .rent-due-card .empty,
  body[data-signed="1"] .schedule-compact-grid .empty {
    min-height: 150px !important;
    padding: 22px 14px !important;
  }

  /* Pantry stock: compact two-column cards instead of tall scattered rows. */
  body[data-signed="1"] .pantry-stock-main .pantry-pro-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 4px 10px !important;
    min-height: 118px !important;
    padding: 12px 14px !important;
    align-items: center !important;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-row > .product-picture {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: start !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-row > div:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-row > b {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-row > em {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    margin-top: 5px !important;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-actions {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 5px !important;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-actions button {
    min-height: 40px !important;
  }

  body[data-signed="1"] .pantry-stock-main .pantry-pro-list {
    overflow: visible !important;
  }
}

@media (max-width: 390px) {
  body[data-signed="1"] .content { padding-inline: 10px !important; }
  body[data-signed="1"] .tenant-action,
  body[data-signed="1"] .schedule-action { width: 36px; height: 36px; }
  body[data-signed="1"] .tenant-icon-actions,
  body[data-signed="1"] .schedule-icon-actions { gap: 4px !important; }
}

/* ===== desktop-alignment.css ===== */
/* Final desktop layout corrections; mobile remains controlled separately. */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{scrollbar-width:none}
body::-webkit-scrollbar{display:none;width:0;height:0}
.app-shell{width:100%;max-width:100%;overflow:hidden!important}
.main,.topbar,.content,#view{box-sizing:border-box;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.rent-compact-page,.schedule-compact-page,.subscription-compact-page,.bill-compact-page{
  min-width:0!important;max-width:100%!important;overflow-x:hidden!important;scrollbar-width:none
}

/* 2026-08-21 scroll correction.
   The live markup is <section id="view" class="content">, so #view and
   .content are ONE element. Keep that single element as the right-hand page
   scroller while the application header and sidebar remain fixed. */
@media (min-width:769px){
  body[data-signed="1"] #view.content{
    display:block!important;
    flex:1 1 0%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:24px 28px 56px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-self:stretch!important;
  }
  body[data-signed="1"] #view.content.module-rent,
  body[data-signed="1"] #view.content.module-recurring,
  body[data-signed="1"] #view.content.module-subscriptions,
  body[data-signed="1"] #view.content.module-bills,
  body[data-signed="1"] #view.content.module-transactions{
    padding-top:24px!important;
    overflow-y:auto!important;
  }
}
.rent-compact-page::-webkit-scrollbar,.schedule-compact-page::-webkit-scrollbar,
.subscription-compact-page::-webkit-scrollbar,.bill-compact-page::-webkit-scrollbar,
.compact-scroll::-webkit-scrollbar,.scheduled-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.compact-scroll,.scheduled-scroll{scrollbar-width:none}
@media (min-width: 769px) {
  .main { width: auto !important; min-width: 0; max-width: calc(100% - 238px) !important; }
  .topbar, .content, #view { width: 100%; min-width: 0; }
  .content { max-width: 1680px !important; margin: 0 auto !important; padding: 24px clamp(24px, 2vw, 36px) 80px !important; }
  .transaction-compact-page, .bill-compact-page, .rent-compact-page, .schedule-compact-page,
  .subscription-compact-page, .pantry-page, .trip-page, .splitwise-page, .budget-page,
  .goal-page, .reports-page, .settings-page { width: 100%; max-width: none !important; margin-inline: 0 !important; }
  #view.module-page,
  #view.module-transactions,
  #view.module-bills { width: 100% !important; max-width: none !important; margin: 0 !important; }

  /* Transactions stay a single wide ledger and use the browser scroll only. */
  .transaction-compact-page .card, .transaction-compact-page .transaction-card,
  .transaction-compact-page .transaction-compact-card { width: 100%; overflow: hidden !important; }
  .transaction-compact-page .transaction-compact-list, .transaction-compact-page .transaction-list,
  .transaction-compact-page .compact-scroll { max-height: none !important; height: auto !important; overflow: visible !important; }
  .transaction-compact-page .transaction-compact-filters, .transaction-compact-page .transaction-filters {
    display: grid !important; grid-template-columns: minmax(280px, 1.7fr) repeat(5, minmax(145px, 1fr)) !important;
    gap: 10px !important; align-items: center;
  }
  #view.module-transactions .transaction-card { width: 100% !important; overflow: hidden !important; }
  #view.module-transactions .transaction-compact-list {
    max-height: none !important; height: auto !important; overflow: visible !important; scrollbar-width: none;
  }
  #view.module-transactions .transaction-compact-list::-webkit-scrollbar { display: none; width: 0; height: 0; }
  #view.module-transactions .transaction-filters {
    display: grid !important;
    grid-template-columns: minmax(280px, 1.7fr) repeat(5, minmax(145px, 1fr)) !important;
    gap: 10px !important;
  }

  /* Override the older global three-column rule on Bills & Reminders. */
  .bill-compact-page .bill-compact-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important; align-items: stretch !important; width: 100% !important;
  }
  .bill-compact-page .bill-compact-grid > * { min-width: 0; width: 100%; height: 390px; max-height: 390px; margin: 0 !important; }
  .bill-compact-page .bill-compact-grid .compact-scroll, .bill-compact-page .bill-compact-grid .bill-list {
    max-height: 270px; overflow-y: auto; overflow-x: hidden;
  }
  .bill-compact-page .compact-filters { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  #view.module-bills .bill-compact-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important; width: 100% !important; align-items: stretch !important;
  }
  #view.module-bills .bill-compact-grid > .cardx {
    width: 100% !important; min-width: 0 !important; height: 390px !important;
    max-height: 390px !important; margin: 0 !important;
  }
  #view.module-bills .bill-filters { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }

  /* Consistent compact module cards. Keep wheel/touch scrolling but hide rails. */
  .rent-compact-grid,.schedule-compact-grid,.subscription-compact-grid,
  .recurring-compact-grid,.scheduled-transfer-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;align-items:start!important;width:100%!important;max-width:1080px!important
  }
  .rent-compact-grid>.cardx,.schedule-compact-grid>.cardx,.subscription-compact-grid>.cardx,
  .recurring-compact-grid>.cardx,.scheduled-transfer-grid>.cardx{
    width:100%!important;min-width:0!important;height:330px!important;max-height:330px!important;
    overflow:hidden!important;margin:0!important
  }
  .scheduled-scroll{height:258px!important;overflow-y:auto!important;overflow-x:hidden!important}
  .rent-compact-page .compact-scroll,.schedule-compact-page .compact-scroll,
  .subscription-compact-page .compact-scroll,.bill-compact-page .compact-scroll{
    overflow-y:auto!important;overflow-x:hidden!important
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .transaction-compact-page .transaction-compact-filters, .transaction-compact-page .transaction-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .bill-compact-page .bill-compact-grid { grid-template-columns: 1fr !important; }
  #view.module-bills .bill-compact-grid { grid-template-columns: 1fr !important; }
  .bill-compact-page .bill-compact-grid > * { height: auto; min-height: 360px; max-height: none; }
  #view.module-bills .bill-compact-grid > .cardx { height: auto !important; min-height: 360px; max-height: none !important; }
}

/* 2026-08-21: viewport-safe desktop shell and uniform compact modules. */
html,body{inline-size:100%;max-inline-size:100%;overflow-x:clip!important}
.app-shell{grid-template-columns:238px minmax(0,1fr)!important;inline-size:100%!important;max-inline-size:100%!important;overflow:hidden!important}
.main{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:clip!important}
.topbar,.content,#view,#view>*{min-inline-size:0!important;max-inline-size:100%!important}
.content,#view{overflow-x:clip!important}
.cardx,.schedule-compact-grid>* ,.bill-compact-grid>* ,.rent-compact-grid>*{min-inline-size:0!important}

/* Keep touch/wheel scrolling where a list needs it, without drawing extra rails. */
.schedule-directory,.scheduled-scroll,.compact-scroll,.bill-compact-list,
.rent-compact-page [class*="scroll"],.subscription-compact-page [class*="scroll"],
.bill-compact-page [class*="scroll"]{scrollbar-width:none!important;overflow-x:hidden!important}
.schedule-directory::-webkit-scrollbar,.scheduled-scroll::-webkit-scrollbar,.compact-scroll::-webkit-scrollbar,
.bill-compact-list::-webkit-scrollbar,.rent-compact-page [class*="scroll"]::-webkit-scrollbar,
.subscription-compact-page [class*="scroll"]::-webkit-scrollbar,.bill-compact-page [class*="scroll"]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media (min-width:769px){
  .main{inline-size:100%!important;max-inline-size:none!important;max-width:none!important}
  .content{inline-size:100%!important;max-inline-size:none!important;margin:0!important;padding:24px 28px 72px!important}
  .schedule-compact-head,.bill-compact-head,.rent-compact-head{inline-size:100%!important;max-inline-size:none!important}
  .schedule-compact-grid,.rent-compact-grid,.subscription-compact-grid,
  .recurring-compact-grid,.scheduled-transfer-grid{inline-size:100%!important;max-inline-size:1080px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .schedule-compact-grid>.cardx,.rent-compact-grid>.cardx,.subscription-compact-grid>.cardx,
  .recurring-compact-grid>.cardx,.scheduled-transfer-grid>.cardx{block-size:318px!important;max-block-size:318px!important}
  .schedule-directory,.scheduled-scroll{max-block-size:238px!important;overflow-y:auto!important}
  .bill-compact-page .bill-compact-grid,#view.module-bills .bill-compact-grid{inline-size:100%!important;max-inline-size:1080px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bill-compact-page .bill-compact-grid>.cardx,#view.module-bills .bill-compact-grid>.cardx{block-size:330px!important;max-block-size:330px!important}
  .bill-compact-page .bill-compact-list,.bill-compact-page .compact-scroll{max-block-size:235px!important;overflow-y:auto!important}
}

/* Final desktop width correction: the shell grid already reserves the sidebar. */
@media (min-width:769px){
  .app-shell{inline-size:100vw!important;max-inline-size:100vw!important}
  .main,.topbar,.content,#view{inline-size:100%!important;width:100%!important;max-inline-size:none!important;max-width:none!important;min-inline-size:0!important}
  .transaction-compact-row{grid-template-columns:42px minmax(280px,1fr) 112px 130px 76px!important;column-gap:10px!important}
  .transaction-main{min-inline-size:0!important}
  .transaction-type{justify-self:start!important}
  .transaction-amount{justify-self:end!important;width:100%!important;text-align:right!important}
  .transaction-actions{justify-self:end!important}
}
html,body,.app-shell,.main,.content,#view{overflow-x:clip!important}

/* 2026-08-21: final viewport/header containment. The profile menu must overlay the
   page instead of increasing its scrollable width or height. */
html,body{width:100%!important;max-width:100vw!important;margin:0!important}
body{position:relative!important}
.app-shell{width:100%!important;max-width:100vw!important}
.topbar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:16px!important;overflow:visible!important}
.topbar-page,.topbar-search,.top-actions{min-width:0!important}
.topbar-search{flex:1 1 360px!important;max-width:560px!important}
.top-actions{flex:0 0 auto!important;max-width:calc(100% - 220px)!important}
.top-actions>.dropdown{position:relative!important;min-width:0!important}
.owner-profile{min-width:0!important;max-width:190px!important}
.owner-copy{min-width:0!important;overflow:hidden!important}
.owner-copy strong,.owner-copy small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.profile-menu{position:absolute!important;inset:calc(100% + 8px) 0 auto auto!important;transform:none!important;margin:0!important;max-width:min(230px,calc(100vw - 24px))!important;max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1090!important}

/* Net Splitwise rows use the full card width without action-button gaps. */
.split-balance-row.net-balance-row{grid-template-columns:auto minmax(0,1fr) auto!important}
.split-balance-row.net-balance-row>b{justify-self:end!important;text-align:right!important}

@media (max-width:1100px) and (min-width:769px){
  .topbar-search{max-width:420px!important}
  .owner-profile{max-width:150px!important}
}

/* One page scrollbar only; cards and transaction rows must never create a second rail. */
.transaction-compact-page,.transaction-compact-card,.transaction-compact-list,
.rent-compact-page,.subscription-compact-page,.bill-compact-page,
.schedule-compact-page{overflow-x:hidden!important;max-inline-size:100%!important}
.transaction-compact-list{overflow-y:visible!important;max-block-size:none!important;height:auto!important}
.transaction-compact-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Fixed desktop application shell: only the right content pane scrolls. */
@media (min-width:769px){
  html,body{height:100%!important;min-height:100%!important;overflow:hidden!important}
  body[data-signed="1"]{height:100dvh!important;min-height:0!important;overflow:hidden!important}
  .app-shell{
    height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    overflow:hidden!important;grid-template-columns:250px minmax(0,1fr)!important
  }
  body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)!important}
  .sidebar{
    width:250px!important;max-width:250px!important;min-width:250px!important;
    height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    overflow:hidden!important;position:relative!important;inset:auto!important
  }
  body.sidebar-collapsed .sidebar{width:78px!important;min-width:78px!important;max-width:78px!important}
  .sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
  .main{
    height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    overflow:hidden!important;display:flex!important;flex-direction:column!important
  }
  .topbar{
    flex:0 0 78px!important;height:78px!important;min-height:78px!important;
    position:relative!important;inset:auto!important;width:100%!important;
    max-width:100%!important;margin:0!important
  }
  #notice{flex:0 0 auto!important}
  .content,#view{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain
  }
}

/* 2026-08-21: keep every desktop module at the top of the content viewport.
   Only .content scrolls; #view must not become a second flex scroller. */
@media (min-width:769px){
  .content{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:24px 28px 48px!important;
    align-items:initial!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
  }
  #view{
    display:block!important;
    flex:none!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    margin:0!important;
    padding-top:0!important;
    align-self:auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  #view.module-rent,#view.module-recurring,#view.module-subscriptions,
  #view.module-bills,#view.module-transactions{
    margin-top:0!important;
    padding-top:0!important;
    align-content:start!important;
    justify-content:start!important;
  }
  .rent-compact-page,.schedule-compact-page,.subscription-compact-page,
  .bill-compact-page,.transaction-compact-page{
    margin-top:0!important;
    padding-top:0!important;
    align-self:start!important;
  }

  /* The transaction list uses page pagination, so the card itself must grow
     and leave its footer controls visible below all ten rows. */
  #view.module-transactions .transaction-card,
  #view.module-transactions .transaction-compact-card{
    overflow:visible!important;
    max-height:none!important;
    height:auto!important;
    padding-bottom:16px!important;
  }
  #view.module-transactions #txTable,
  #view.module-transactions .transaction-compact-list{
    overflow:visible!important;
    max-height:none!important;
    height:auto!important;
  }
  #view.module-transactions .transaction-pager{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    min-height:42px!important;
    padding:12px 4px 2px!important;
    margin-top:8px!important;
  }
}

/* Definitive desktop page scroller — keep this final in the stylesheet. */
@media (min-width:769px){
  body[data-signed="1"] #view.content{
    display:block!important;
    flex:1 1 0%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:24px 28px 56px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-self:stretch!important;
  }
}

/* ===== ui-consistency.css ===== */
/* Tanshar Home shared popup and responsive consistency layer. */
body[data-signed="1"] .modal-dialog:not(.modal-xl):not(.modal-lg){max-width:560px}
body[data-signed="1"] .modal-dialog.modal-lg{max-width:760px}
body[data-signed="1"] .modal-content{overflow:hidden;border:1px solid rgba(224,173,88,.5)!important;border-top:3px solid #dcae58!important;border-radius:14px!important;background:#0e1a33!important;box-shadow:0 26px 70px rgba(0,0,0,.55)!important}
body[data-signed="1"] .modal-header{min-height:58px;padding:13px 18px!important;border:0!important;background:#82c8b5!important;color:#fff!important}
body[data-signed="1"] .modal-header h1,body[data-signed="1"] .modal-header h2,body[data-signed="1"] .modal-header h3,body[data-signed="1"] .modal-header p{color:#fff!important;margin-top:0}
body[data-signed="1"] .modal-header .text-secondary{color:rgba(255,255,255,.82)!important}
body[data-signed="1"] .modal-header .btn-close{filter:brightness(0) invert(1)!important;opacity:.95}
body[data-signed="1"] .modal-body{padding:18px!important;max-height:min(68dvh,690px);overflow-y:auto;overscroll-behavior:contain}
body[data-signed="1"] .modal-footer{padding:12px 18px 14px!important;border-color:rgba(176,193,225,.14)!important;background:#0e1a33!important;gap:8px}
body[data-signed="1"] .modal-footer .btn{min-width:98px;min-height:40px;border-radius:9px}
body[data-signed="1"] .modal-footer .btn-primary{background:#63bd9c!important;border-color:#63bd9c!important;color:#fff!important}
body[data-signed="1"] .modal-footer .btn-primary:hover{background:#52aa8a!important;border-color:#52aa8a!important}
body[data-signed="1"] .modal-footer .btn-light{background:#172541!important;border-color:#344362!important;color:#e9eef9!important}
body[data-signed="1"] .modal-footer .btn-danger{background:#cc5b67!important;border-color:#cc5b67!important}
body[data-signed="1"] .modal .form-control,body[data-signed="1"] .modal .form-select{min-height:42px;border-color:#31415f!important;background:#101d37!important;color:#edf2fb!important}
body[data-signed="1"] .modal textarea.form-control{min-height:84px}
body[data-signed="1"] .modal .form-label{margin-bottom:5px;color:#c9d2e3!important;font-size:12px;font-weight:700}
body[data-signed="1"] .modal .row.g-3{--bs-gutter-x:12px;--bs-gutter-y:12px}
body[data-signed="1"] .modal ::placeholder{color:#8491aa!important}
body[data-signed="1"] .modal .segmented{background:#111f3b!important}
body[data-signed="1"] .modal .segmented .btn-check:checked+.btn{background:#8066f2!important;color:#fff!important}
body[data-signed="1"] .modal-dialog-scrollable .modal-body{max-height:none}

/* Keep wide data-review tasks wide; ordinary create/edit forms remain compact. */
body[data-signed="1"] #importModal .modal-dialog,body[data-signed="1"] .statement-modal .modal-dialog,body[data-signed="1"] .report-modal .modal-dialog{max-width:min(1180px,calc(100vw - 32px))}

/* Consistent content cards across desktop widths; Transactions intentionally excluded. */
@media (min-width:1280px){
 body[data-signed="1"] #view:not(.module-transactions) .settings-organized-grid,
 body[data-signed="1"] #view:not(.module-transactions) .account-card-grid.account-flat-layout,
 body[data-signed="1"] #view:not(.module-transactions) .pantry-workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:769px) and (max-width:1279px){
 body[data-signed="1"] #view:not(.module-transactions) .settings-organized-grid,
 body[data-signed="1"] #view:not(.module-transactions) .account-card-grid.account-flat-layout,
 body[data-signed="1"] #view:not(.module-transactions) .pantry-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:768px){
 body[data-signed="1"] .modal{padding:0!important}
 body[data-signed="1"] .modal-dialog,body[data-signed="1"] .modal-dialog.modal-lg,body[data-signed="1"] .modal-dialog.modal-xl{width:calc(100vw - 16px)!important;max-width:none!important;margin:8px auto!important;min-height:calc(100dvh - 16px)!important}
 body[data-signed="1"] .modal-dialog-centered{align-items:center}
 body[data-signed="1"] .modal-content{max-height:calc(100dvh - 16px)!important;border-radius:13px!important}
 body[data-signed="1"] .modal-header{min-height:56px;padding:12px 15px!important}
 body[data-signed="1"] .modal-body{padding:15px!important;max-height:none;overflow-y:auto}
 body[data-signed="1"] .modal-footer{position:sticky;bottom:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom))!important}
 body[data-signed="1"] .modal-footer .btn{flex:1 1 0;min-width:0;min-height:44px}
 body[data-signed="1"] .modal .row>[class*="col-"]{width:100%}
 body[data-signed="1"] #view:not(.module-transactions) .settings-organized-grid,
 body[data-signed="1"] #view:not(.module-transactions) .account-card-grid.account-flat-layout,
 body[data-signed="1"] #view:not(.module-transactions) .pantry-workspace-grid{grid-template-columns:1fr!important}
}

/* ===== project-upgrades.css ===== */
/* Reliability and responsive enhancements; Transactions layout is not redesigned. */
.upgrade-card{border-top:2px solid #dcae58!important}.upgrade-card h2{display:flex;align-items:center;gap:8px}.upgrade-list{display:grid;gap:8px;max-height:310px;overflow:auto}.upgrade-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid rgba(160,180,220,.14);border-radius:10px;background:#111f39}.upgrade-row img{width:38px;height:38px;border-radius:9px}.upgrade-row small{display:block;color:#9ba9c0}.upgrade-row select{width:150px}.upgrade-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-widget-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-widget-settings label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(160,180,220,.15);border-radius:9px}.reconcile-select{min-height:31px!important;height:31px;width:105px;padding:3px 25px 3px 7px!important;font-size:10px!important}.upgrade-load-more{display:block;margin:12px auto;min-width:150px}.upgrade-toast{position:fixed;left:50%;bottom:28px;z-index:2000;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:11px 14px;border:1px solid rgba(220,174,88,.55);border-radius:11px;background:#101d36;color:#fff;box-shadow:0 18px 50px #0008}.upgrade-toast button{border:0;border-radius:7px;padding:6px 11px;background:#82c8b5;color:#fff;font-weight:700}.th-widget-hidden{display:none!important}
@media(max-width:768px){.dashboard-widget-settings{grid-template-columns:1fr}.upgrade-row{grid-template-columns:38px minmax(0,1fr)}.upgrade-row>select,.upgrade-row>.btn{grid-column:1/-1;width:100%}.upgrade-actions .btn{flex:1 1 140px}.upgrade-toast{left:10px;right:10px;bottom:calc(88px + env(safe-area-inset-bottom));transform:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn,.icon-button,button{touch-action:manipulation}.classic-ledger-row,.split-activity-row{min-width:0!important}}
.reconcile-select{display:none!important}
body[data-signed="1"] .transaction-amount.income,body[data-signed="1"] .transaction-amount.transfer.in{color:var(--th-green,#76d9a9)!important}
body[data-signed="1"] .transaction-amount.expense,body[data-signed="1"] .transaction-amount.transfer.out{color:var(--th-red,#ff7b8e)!important}

/* ===== ui-followup.css ===== */
/* Approved compact green-header grocery picker. */
.entry-grocery-overlay{padding:12px!important}.entry-grocery-inline{width:min(600px,100%)!important;max-height:min(560px,calc(100dvh - 24px))!important;border:1px solid #416b64!important;border-top:0!important;border-radius:12px!important}.entry-grocery-inline-head{min-height:52px;padding:10px 14px!important;align-items:center!important;background:#83c5b2!important;border-bottom:1px solid #a3d9ca!important;color:#fff}.entry-grocery-inline-head strong{font-size:16px}.entry-grocery-inline-head small{font-size:10px;color:#eafff8!important}.entry-grocery-inline-head-actions .grocery-inline-scan{height:34px!important;padding:0 10px!important;border-color:#fff9!important;background:#ffffff20!important;color:#fff!important;font-size:10px}.entry-grocery-inline-close{color:#fff!important}.entry-grocery-inline-search{margin:11px 14px 6px!important}.entry-grocery-inline-search input{height:40px!important}.entry-grocery-inline-results{margin:0 14px!important;max-height:145px!important}.entry-grocery-inline-selected{padding:8px 14px!important;max-height:170px!important}.entry-grocery-inline-actions{padding:9px 14px!important}.entry-grocery-inline-actions .btn{min-height:36px!important;font-size:11px}.entry-grocery-empty{min-height:95px!important;padding:18px!important}
/* Compact tenant editor and dark deposit panel. */
body[data-signed="1"] #itemModal .modal-dialog{max-width:620px!important}body[data-signed="1"] #itemModal .modal-content{max-height:min(82dvh,680px)!important}body[data-signed="1"] #itemModal .modal-body{padding:14px 16px!important;max-height:calc(min(82dvh,680px) - 112px)!important}.tenant-deposit-form{margin-top:5px!important;padding:12px!important;border-color:#344463!important;background:#101d38!important;color:#f4f7ff!important}.tenant-deposit-form-head{margin-bottom:9px!important}.tenant-deposit-form-head>span{background:#1d473d!important;color:#82d5b0!important}.tenant-deposit-form-head strong{color:#f4f7ff!important}.tenant-deposit-form-head small,.tenant-deposit-form .form-label{color:#aebbd1!important}.tenant-deposit-form .form-control,.tenant-deposit-form .form-select{background:#0d1831!important;border-color:#344463!important;color:#f4f7ff!important}
/* Currency and investment icons. */
.currency-icon-pill{display:inline-flex!important;align-items:center;gap:5px;padding:6px 9px!important}.currency-icon-pill svg{width:14px;height:14px;stroke-width:2.3}.account-summary .currency-icon-pill{min-width:66px;justify-content:center}.budget-total-card .currency-icon-pill{margin-bottom:6px}.investment-summary-icon{background:#292c59!important;color:#bdadff!important}.investment-summary-icon svg{width:21px!important;height:21px!important;display:block!important}
@media(max-width:700px){.entry-grocery-overlay{padding:0!important}.entry-grocery-inline{max-height:88dvh!important;border-radius:14px 14px 0 0!important}.entry-grocery-inline-head small{display:none!important}body[data-signed="1"] #itemModal .modal-dialog{max-width:none!important}body[data-signed="1"] #itemModal .modal-content{max-height:92dvh!important}body[data-signed="1"] #itemModal .modal-body{max-height:none!important}}

/* ===== category-icon-manager.css ===== */
#entryIconField,.icon-field{display:none!important}.tx-logo-button{cursor:default!important;pointer-events:none!important}.central-icon-card{min-width:0!important;height:330px!important;min-height:330px!important;max-height:330px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;box-sizing:border-box!important}.central-icon-card .section-head{min-height:47px;margin-bottom:8px!important;flex:0 0 auto}.central-icon-card .section-head h2{font-size:13px!important}.central-icon-card .section-head p{font-size:9px!important}.central-icon-count{padding:5px 8px;border-radius:20px;background:#1e3150;color:#aebbd1;font-size:8px;font-weight:800;white-space:nowrap}.central-icon-search{position:relative;display:block;margin-bottom:7px;flex:0 0 auto}.central-icon-search svg{position:absolute;left:10px;top:9px;width:14px;color:var(--muted)}.central-icon-search input{width:100%;height:33px;padding:0 9px 0 31px;border:1px solid var(--th-line);border-radius:8px;background:#0d1831;color:var(--ink);font-size:9px;outline:0}.central-icon-list{height:auto!important;min-height:0;flex:1 1 auto;overflow:auto;padding-right:2px}.central-icon-row{min-width:0;min-height:50px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 3px;border-bottom:1px solid var(--th-line)}.central-icon-row>span{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;background:#eef2f7;overflow:hidden}.central-icon-row img{width:27px;height:27px;object-fit:contain}.central-icon-row div{min-width:0}.central-icon-row strong,.central-icon-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.central-icon-row strong{font-size:10px}.central-icon-row small{font-size:7px;color:var(--muted)}.central-icon-row button{height:28px;padding:0 8px;border:1px solid #4a5a78;border-radius:7px;background:#162642;color:#d9e1f0;font-size:8px;font-weight:800}.central-icon-row button.change{border-color:#5e9f8c;background:#173a33;color:#9ee1c1}.central-icon-empty{padding:28px 10px;text-align:center;color:var(--muted);font-size:9px}.central-icon-card.product-icons{border-top-color:#7f66e8!important}.central-icon-card.recurring-icons{border-top-color:#d0a451!important}.central-icon-card.subscription-icons{border-top-color:#83c5b2!important}
@media(max-width:700px){.central-icon-card{height:350px!important;min-height:350px!important;max-height:350px!important}.central-icon-list{height:auto!important;max-height:none}}

/* ===== navigation-refresh.css ===== */
/* Tanshar Home navigation refresh — preserves the existing navy, violet and gold palette. */
body[data-signed="1"]{font-family:"Manrope",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-signed="1"] h1,body[data-signed="1"] h2,body[data-signed="1"] h3,body[data-signed="1"] .brand strong{font-family:"Sora","Manrope",sans-serif}

/* Aurora sidebar */
body[data-signed="1"] .sidebar{position:relative;isolation:isolate;background:linear-gradient(180deg,#0d1933 0%,#09152c 56%,#071127 100%)!important}
body[data-signed="1"] .sidebar:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 26% 4%,rgba(128,102,242,.22),transparent 24%),radial-gradient(circle at 90% 54%,rgba(68,111,226,.10),transparent 31%);pointer-events:none}
body[data-signed="1"] .brand{margin-bottom:2px}
body[data-signed="1"] .sidebar .nav-link{position:relative;gap:11px;min-height:42px;padding:8px 10px;border-radius:11px;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
body[data-signed="1"] .sidebar .nav-link:hover{transform:translateX(2px)}
body[data-signed="1"] .sidebar .nav-link>svg:first-child{width:29px!important;height:29px!important;padding:7px;border-radius:9px;stroke-width:2.2;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}
body[data-signed="1"] .sidebar .nav-link[data-page="dashboard"]>svg:first-child{color:#b8a5ff;background:rgba(128,102,242,.20)}
body[data-signed="1"] .sidebar .nav-link[data-page="accounts"]>svg:first-child{color:#78e1b0;background:rgba(85,201,139,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="transactions"]>svg:first-child{color:#82c2ff;background:rgba(101,174,243,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="rent"]>svg:first-child{color:#ffc376;background:rgba(255,166,76,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="recurring"]>svg:first-child{color:#ff8fd5;background:rgba(237,92,180,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="subscriptions"]>svg:first-child{color:#69dbe2;background:rgba(69,197,206,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="shopping"]>svg:first-child{color:#f3c86e;background:rgba(224,173,88,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="trips"]>svg:first-child{color:#83a8ff;background:rgba(83,121,232,.18)}
body[data-signed="1"] .sidebar .nav-link[data-page="friends"]>svg:first-child{color:#c29aff;background:rgba(157,105,242,.18)}
body[data-signed="1"] .sidebar .nav-link[data-page="budgets"]>svg:first-child{color:#71d79b;background:rgba(71,188,126,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="goals"]>svg:first-child{color:#ff9b91;background:rgba(255,113,129,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="reports"]>svg:first-child{color:#76c9ff;background:rgba(72,171,233,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="members"]>svg:first-child{color:#a9a9ff;background:rgba(111,103,235,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="settings"]>svg:first-child{color:#b9c3d8;background:rgba(153,167,194,.13)}
body[data-signed="1"] .sidebar .nav-link.active{transform:none;background:linear-gradient(100deg,rgba(115,85,230,.98),rgba(128,100,237,.90))!important;box-shadow:0 12px 25px rgba(73,47,186,.31),inset 0 1px rgba(255,255,255,.12)}
body[data-signed="1"] .sidebar .nav-link.active>svg:first-child{color:#fff!important;background:rgba(255,255,255,.15)!important}

/* Finance Command Deck */
body[data-signed="1"] .finance-command-topbar{display:grid!important;grid-template-columns:minmax(290px,1fr) auto;gap:18px;height:auto!important;min-height:92px;padding:11px 18px 11px 0!important;background:rgba(6,16,36,.86)!important;overflow:visible}
.command-title-panel{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-height:70px;padding:12px 34px 12px 24px;border:1px solid rgba(175,158,255,.23);border-left:0;border-radius:0 25px 25px 0;background:linear-gradient(120deg,rgba(62,42,150,.66),rgba(41,35,109,.48) 52%,rgba(22,32,67,.45));box-shadow:inset 0 1px rgba(255,255,255,.07),12px 0 35px rgba(55,36,145,.14)}
.command-title-panel:after{content:"";position:absolute;inset:-90% -8% -90% 54%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(137,112,255,.14),transparent);pointer-events:none}
.command-title-copy{position:relative;z-index:1;min-width:0}
.command-title-copy h1{margin:0!important;font-size:20px!important;font-weight:700;letter-spacing:-.35px}
.command-title-copy p{max-width:520px;margin:3px 0 0!important;color:#a0acc2!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-sync{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#6fd5a0;font-size:9px;font-weight:700;letter-spacing:.02em}
.command-sync svg{width:11px;height:11px}
.command-title-panel .sidebar-toggle{position:relative;z-index:2;flex:0 0 38px;background:rgba(8,18,42,.38)!important}
.command-dock{align-items:center;justify-content:flex-end;gap:8px!important;min-width:0}
.top-currency-switch{display:flex!important;flex:0 0 auto;padding:3px!important;border:1px solid var(--th-line)!important;border-radius:12px!important;background:#09152d!important}
.top-currency-switch button{min-width:57px;height:32px;padding:0 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#8996ae!important;font-size:10px!important;font-weight:800!important}
.top-currency-switch button.active{color:#fff!important;background:linear-gradient(135deg,#7355e6,#8064ed)!important;box-shadow:0 6px 14px rgba(70,45,180,.28)}
.top-period-control{height:39px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--th-line);border-radius:12px;background:rgba(255,255,255,.035);color:#dbe2f1;font-size:10px;font-weight:700;white-space:nowrap}
.top-period-control svg{width:15px;height:15px;color:#a98fff}
.command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{flex:0 0 39px;width:39px!important;height:39px!important;min-height:39px!important;border-radius:12px!important}
.command-dock .add-entry-top{height:39px;min-height:39px;padding:0 14px!important;border-radius:12px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap}
.command-dock .add-entry-top svg{width:15px;height:15px}

/* Exact owner profile treatment: gold avatar, owner label, name, separate violet trigger. */
.profile-dropdown{flex:0 0 auto}
body[data-signed="1"] .household-profile{display:grid!important;grid-template-columns:36px minmax(112px,auto) 34px;align-items:center;gap:9px;min-width:204px;height:48px;padding:5px 5px 5px 7px!important;border:1px solid var(--th-line)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(17,30,57,.98),rgba(11,22,45,.98))!important;box-shadow:0 10px 24px rgba(0,0,0,.14)}
body[data-signed="1"] .household-profile:hover{border-color:rgba(224,173,88,.34)!important;background:linear-gradient(135deg,rgba(20,35,65,.98),rgba(13,26,51,.98))!important}
body[data-signed="1"] .household-profile .owner-avatar{width:34px;height:34px;flex-basis:34px;border:1.5px solid var(--th-gold);border-radius:50%;background:linear-gradient(145deg,#644ac8,#2c3974)!important;box-shadow:0 0 0 3px rgba(224,173,88,.07)!important;color:#fff;font-size:10px;font-weight:700}
body[data-signed="1"] .household-profile .owner-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left}
body[data-signed="1"] .household-profile .owner-copy small{order:0;margin-bottom:4px;color:var(--th-gold)!important;font-size:7px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
body[data-signed="1"] .household-profile .owner-copy strong{order:1;max-width:130px;overflow:hidden;color:#fff!important;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.owner-chevron{width:34px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#7559e8,#5637c5);box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 15px rgba(60,35,165,.28);color:#fff}
.owner-chevron svg{width:15px;height:15px}

/* Dashboard uses the command-deck controls; avoid showing a duplicate set below it. */
@media(min-width:1101px){.page-dashboard .home-dashboard-controls{display:none!important}}

@media(max-width:1280px){
  body[data-signed="1"] .finance-command-topbar{grid-template-columns:minmax(250px,1fr) auto;gap:10px}
  .top-period-control{display:none}
  body[data-signed="1"] .household-profile{grid-template-columns:34px minmax(92px,auto) 32px;min-width:178px}
}
@media(max-width:1000px){
  .top-currency-switch{display:none!important}
  .command-title-copy p{max-width:300px}
}
@media(max-width:768px){
  body[data-signed="1"] .finance-command-topbar{display:flex!important;min-height:64px;padding:8px 10px!important;background:rgba(6,16,36,.92)!important}
  .command-title-panel{min-height:48px;flex:1;padding:6px 12px;border-left:1px solid rgba(175,158,255,.23);border-radius:14px}
  .command-title-panel .sidebar-toggle,.command-title-copy p,.command-sync,.command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{display:none!important}
  .command-title-copy h1{font-size:15px!important}
  .command-dock{margin-left:0!important}
  .command-dock .add-entry-top{width:39px!important;padding:0!important}
  body[data-signed="1"] .household-profile{display:flex!important;min-width:40px;width:40px;height:40px;padding:3px!important;border:0!important;background:transparent!important;box-shadow:none}
  body[data-signed="1"] .household-profile .owner-avatar{width:34px;height:34px;flex-basis:34px}
  body[data-signed="1"] .household-profile .owner-copy,.owner-chevron{display:none}
}

/* Exact approved desktop composition (2048 px reference scaled responsively). */
@media(min-width:1101px){
  body[data-signed="1"] .app-shell{grid-template-columns:clamp(320px,18.16vw,372px) minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{width:clamp(320px,18.16vw,372px)!important;min-width:clamp(320px,18.16vw,372px)!important;max-width:clamp(320px,18.16vw,372px)!important;padding:32px 20px 18px!important;border-right-color:rgba(161,171,211,.24)!important}
  body[data-signed="1"] .brand{gap:15px;padding:0 2px 30px!important;margin:0 0 20px!important}
  body[data-signed="1"] .brand .brand-mark{width:60px!important;height:60px!important;flex-basis:60px!important;border-radius:12px!important}
  body[data-signed="1"] .brand strong{font-size:20px!important;letter-spacing:-.45px}
  body[data-signed="1"] .brand small{margin-top:5px!important;color:#d2d8e8!important;font-size:11px!important}
  body[data-signed="1"] .sidebar nav{gap:8px!important;margin-top:0!important;padding-right:5px!important}
  body[data-signed="1"] .sidebar .nav-link{gap:16px;min-height:54px;padding:7px 10px;border-radius:12px;font-size:15px!important;font-weight:700!important}
  body[data-signed="1"] .sidebar .nav-link>svg:first-child{width:42px!important;height:42px!important;padding:10px!important;border-radius:8px!important}
  body[data-signed="1"] .sidebar .nav-link.active{min-height:64px;padding-right:15px;border-color:#d6a83d!important;border-right-color:#e0ad58!important;border-radius:13px!important;background:linear-gradient(100deg,#4e37b9 0%,#7042db 56%,#4727b7 100%)!important;box-shadow:0 0 30px rgba(100,63,228,.42),inset 0 1px rgba(255,255,255,.18)!important}
  body[data-signed="1"] .sidebar .nav-link.active:before{content:"";position:absolute;inset:0;border-left:2px solid #5cd4ff;border-radius:inherit;pointer-events:none}
  body[data-signed="1"] .sidebar .nav-link.active>svg:first-child{background:linear-gradient(145deg,#9a62ff,#5a25e1)!important;box-shadow:0 5px 15px rgba(81,37,197,.4),inset 0 1px rgba(255,255,255,.3)!important}
  body[data-signed="1"] .sidebar-footer{min-height:66px!important;margin-top:18px!important;padding:11px 13px!important}
  body[data-signed="1"] .sidebar-footer strong{font-size:12px!important}
  body[data-signed="1"] .sidebar-footer small{font-size:10px!important}

  body[data-signed="1"] .finance-command-topbar{position:relative!important;display:block!important;height:230px!important;min-height:230px!important;padding:0!important;background:linear-gradient(180deg,#071127 0%,#091530 100%)!important;overflow:hidden!important}
  .command-title-panel{position:absolute!important;z-index:1;left:0;top:0;width:clamp(420px,27vw,555px);height:230px;min-height:230px;padding:48px 48px 35px 26px!important;border:0!important;border-radius:0!important;background:linear-gradient(118deg,#2b226a 0%,#3b228d 48%,#4320a2 72%,#26196e 100%)!important;box-shadow:none!important;clip-path:polygon(0 0,100% 0,78% 91%,74% 97%,69% 100%,0 100%)}
  .command-title-panel:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 42% 18%,rgba(142,77,255,.45),transparent 38%),linear-gradient(115deg,transparent 55%,rgba(160,77,255,.18));pointer-events:none}
  .command-title-panel:after{content:"";position:absolute;z-index:-2;inset:auto 20% 0 0;height:2px;transform:none;background:#b75cff;box-shadow:0 -1px 10px rgba(184,70,255,.65)}
  .command-title-panel .sidebar-toggle{display:none!important}
  .command-title-copy h1{font-size:40px!important;font-weight:700!important;letter-spacing:-1.6px!important}
  .command-title-copy p{max-width:430px;margin-top:12px!important;color:#f2f1fb!important;font-size:17px!important;font-weight:500;white-space:normal}
  .command-sync{gap:10px;margin-top:26px;color:#9bf0c1!important;font-size:15px!important;font-weight:600!important}
  .command-sync:before{content:"";width:15px;height:15px;flex:0 0 15px;border-radius:50%;background:linear-gradient(#8ef75c,#48c832);box-shadow:0 0 10px rgba(93,222,65,.55)}
  .command-sync svg{display:none}

  .command-dock{position:absolute;z-index:4;top:66px;right:18px;display:flex!important;align-items:center!important;gap:7px!important;height:95px;padding:0!important}
  .top-currency-switch{order:1;height:94px;padding:8px!important;border-radius:17px 0 0 17px!important;background:rgba(11,24,58,.82)!important}
  .top-currency-switch button{min-width:68px;height:76px!important;border-radius:12px!important;font-size:17px!important}
  .top-period-control{order:2;height:94px;min-width:275px;padding:0 24px;border-radius:0!important;background:rgba(11,24,58,.82);font-size:18px;font-weight:700}
  .top-period-control:after{content:"⌄";margin-left:auto;color:#fff;font-size:23px;line-height:1}
  .top-period-control svg{width:25px;height:25px;color:#fff}
  .command-dock>#notificationButton{order:3}
  .command-dock>#exportReportButton{order:4}
  .command-dock>.icon-button[data-bs-target="#importModal"]{display:none!important}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{width:70px!important;height:70px!important;min-height:70px!important;flex-basis:70px!important;border-radius:50%!important;background:linear-gradient(145deg,#11244b,#0b1938)!important}
  .command-dock>.icon-button svg,.command-dock>#notificationButton svg,.command-dock>#exportReportButton svg{width:27px!important;height:27px!important}
  .command-dock>#notificationButton{margin-left:14px!important}
  .command-dock>#exportReportButton{background:linear-gradient(145deg,#123464,#102149)!important}
  .command-dock .add-entry-top{order:5;height:80px!important;min-height:80px!important;padding:0 28px!important;border-radius:11px!important;font-size:18px!important;font-weight:700!important;background:linear-gradient(180deg,#8c35ed,#5814bc)!important;box-shadow:0 10px 28px rgba(91,29,194,.34)!important}
  .command-dock .add-entry-top svg{width:27px;height:27px;margin-right:9px}
  .profile-dropdown{order:6;margin-left:0}
  body[data-signed="1"] .household-profile{grid-template-columns:62px minmax(186px,auto) 52px;gap:13px;min-width:330px;height:94px;padding:8px 0 8px 12px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(13,28,63,.98),rgba(8,18,44,.98))!important}
  body[data-signed="1"] .household-profile .owner-avatar{width:62px;height:62px;flex-basis:62px;border:2px solid #f0d33c;font-size:20px}
  body[data-signed="1"] .household-profile .owner-copy small{margin-bottom:7px;font-size:11px!important;letter-spacing:.1em}
  body[data-signed="1"] .household-profile .owner-copy strong{max-width:190px;font-size:17px!important}
  .owner-chevron{align-self:stretch;width:52px;height:auto;border-radius:0 13px 13px 0;background:linear-gradient(180deg,#8b35e9,#5714b8)}
  .owner-chevron svg{width:23px;height:23px}

  body[data-signed="1"] .content{padding-top:24px!important}
  body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)!important}
  body.sidebar-collapsed .sidebar{width:78px!important;min-width:78px!important;max-width:78px!important;padding-inline:9px!important}
  body.sidebar-collapsed .sidebar .nav-link>svg:first-child{width:42px!important;height:42px!important}
}

@media(min-width:1101px) and (max-width:1650px){
  body[data-signed="1"] .app-shell{grid-template-columns:290px minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{width:290px!important;min-width:290px!important;max-width:290px!important}
  .command-title-panel{width:390px;padding-left:26px!important}
  .command-title-copy h1{font-size:32px!important}
  .command-title-copy p{font-size:14px!important}
  .top-period-control{min-width:190px;font-size:14px}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{width:54px!important;height:54px!important;min-height:54px!important;flex-basis:54px!important}
  .command-dock .add-entry-top{height:64px!important;min-height:64px!important;padding:0 18px!important;font-size:14px!important}
  body[data-signed="1"] .household-profile{grid-template-columns:50px minmax(135px,auto) 44px;min-width:250px;height:76px}
  body[data-signed="1"] .household-profile .owner-avatar{width:50px;height:50px;flex-basis:50px}
  .owner-chevron{width:44px}
}

/* Final approved sizing: compact application header with fully visible sidebar glyphs. */
@media(min-width:1101px){
  body[data-signed="1"] .sidebar .nav-link>svg:first-child{
    display:block!important;box-sizing:border-box!important;flex:0 0 40px!important;
    width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;
    padding:9px!important;stroke:currentColor!important;stroke-width:2.25!important;opacity:1!important
  }
  body[data-signed="1"] .sidebar .nav-link>svg:first-child *{stroke:currentColor!important;opacity:1!important}
  body[data-signed="1"] .sidebar .nav-link{min-height:50px!important}
  body[data-signed="1"] .sidebar .nav-link.active{min-height:58px!important}

  body[data-signed="1"] .finance-command-topbar{height:132px!important;min-height:132px!important}
  .command-title-panel{width:clamp(400px,26vw,530px)!important;height:132px!important;min-height:132px!important;padding:21px 42px 16px 26px!important;clip-path:polygon(0 0,100% 0,82% 87%,78% 96%,73% 100%,0 100%)}
  .command-title-copy h1{font-size:30px!important;letter-spacing:-.9px!important}
  .command-title-copy p{margin-top:5px!important;font-size:13px!important;line-height:1.3!important}
  .command-sync{gap:7px;margin-top:11px;font-size:11px!important}
  .command-sync:before{width:10px;height:10px;flex-basis:10px}

  .command-dock{top:29px!important;right:16px!important;height:70px!important;gap:7px!important}
  .top-currency-switch{height:64px!important;padding:5px!important;border-radius:13px 0 0 13px!important}
  .top-currency-switch button{min-width:58px!important;height:52px!important;border-radius:9px!important;font-size:12px!important}
  .top-period-control{height:64px!important;min-width:190px!important;padding:0 17px!important;font-size:13px!important}
  .top-period-control:after{font-size:18px}
  .top-period-control svg{width:19px;height:19px}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{
    display:grid!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex:0 0 50px!important
  }
  .command-dock>.icon-button[data-bs-target="#importModal"]{display:none!important}
  .command-dock>#notificationButton{margin-left:6px!important}
  .command-dock>.icon-button svg,.command-dock>#notificationButton svg,.command-dock>#exportReportButton svg{width:20px!important;height:20px!important}
  .command-dock .add-entry-top{height:58px!important;min-height:58px!important;padding:0 20px!important;border-radius:10px!important;font-size:13px!important}
  .command-dock .add-entry-top svg{width:20px;height:20px;margin-right:6px}
  body[data-signed="1"] .household-profile{grid-template-columns:44px minmax(132px,auto) 39px!important;gap:9px!important;min-width:238px!important;height:66px!important;padding:6px 0 6px 8px!important;border-radius:13px!important}
  body[data-signed="1"] .household-profile .owner-avatar{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:13px!important}
  body[data-signed="1"] .household-profile .owner-copy small{margin-bottom:5px!important;font-size:8px!important}
  body[data-signed="1"] .household-profile .owner-copy strong{max-width:145px!important;font-size:12px!important}
  .owner-chevron{width:39px!important;border-radius:0 11px 11px 0!important}
  .owner-chevron svg{width:17px;height:17px}
  body[data-signed="1"] .content{padding-top:20px!important}
}

@media(min-width:1101px) and (max-width:1500px){
  body[data-signed="1"] .app-shell{grid-template-columns:270px minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{width:270px!important;min-width:270px!important;max-width:270px!important}
  .command-title-panel{width:360px!important}
  .top-period-control{min-width:155px!important}
  body[data-signed="1"] .household-profile{grid-template-columns:42px minmax(105px,auto) 36px!important;min-width:205px!important}
  .owner-chevron{width:36px!important}
}

/* Dropdown visibility and final compact top-bar height. */
@media(min-width:1101px){
  body[data-signed="1"] .finance-command-topbar{
    position:relative!important;z-index:1050!important;
    height:112px!important;min-height:112px!important;
    overflow:visible!important
  }
  .command-title-panel{
    height:112px!important;min-height:112px!important;
    padding-top:15px!important;padding-bottom:12px!important;
    clip-path:polygon(0 0,100% 0,84% 84%,80% 94%,74% 100%,0 100%)
  }
  .command-title-copy h1{font-size:28px!important}
  .command-title-copy p{margin-top:3px!important}
  .command-sync{margin-top:8px!important}
  .command-dock{top:22px!important;height:66px!important}
  .profile-dropdown{position:relative!important;z-index:1065!important}
  .profile-dropdown .profile-menu{
    z-index:1075!important;top:calc(100% + 8px)!important;right:0!important;
    min-width:238px!important;margin:0!important
  }
  body[data-signed="1"] .content{padding-top:18px!important}
}

/* Compact desktop shell requested after live-screen review. */
@media(min-width:1101px){
  body[data-signed="1"] .app-shell{grid-template-columns:250px minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{
    width:250px!important;min-width:250px!important;max-width:250px!important;
    padding:18px 12px 14px!important
  }
  body[data-signed="1"] .brand{gap:11px!important;padding:0 7px 18px!important;margin:0 0 10px!important}
  body[data-signed="1"] .brand .brand-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
  body[data-signed="1"] .brand strong{font-size:15px!important;letter-spacing:-.2px!important}
  body[data-signed="1"] .brand small{margin-top:2px!important;font-size:8px!important}
  body[data-signed="1"] .sidebar nav{gap:4px!important;padding-right:3px!important}
  body[data-signed="1"] .sidebar .nav-link{gap:10px!important;min-height:43px!important;padding:5px 8px!important;font-size:12px!important}
  body[data-signed="1"] .sidebar .nav-link>svg:first-child{
    width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;
    flex-basis:34px!important;padding:8px!important;border-radius:8px!important
  }
  body[data-signed="1"] .sidebar .nav-link.active{min-height:48px!important;padding-right:10px!important;border-radius:11px!important}
  body[data-signed="1"] .sidebar-footer{min-height:56px!important;margin-top:10px!important;padding:9px 10px!important}
  body[data-signed="1"] .sidebar-footer strong{font-size:10px!important}
  body[data-signed="1"] .sidebar-footer small{font-size:8px!important}

  body[data-signed="1"] .finance-command-topbar{height:92px!important;min-height:92px!important}
  .command-title-panel{
    width:440px!important;height:92px!important;min-height:92px!important;
    padding:11px 38px 9px 26px!important;
    clip-path:polygon(0 0,100% 0,86% 80%,82% 92%,76% 100%,0 100%)
  }
  .command-title-copy h1{font-size:24px!important;letter-spacing:-.6px!important}
  .command-title-copy p{margin-top:2px!important;font-size:11px!important;line-height:1.2!important}
  .command-sync{margin-top:6px!important;font-size:9px!important}
  .command-sync:before{width:8px!important;height:8px!important;flex-basis:8px!important}
  .command-dock{top:15px!important;right:10px!important;height:60px!important;gap:6px!important}
  .top-currency-switch{height:54px!important;padding:4px!important;border-radius:11px 0 0 11px!important}
  .top-currency-switch button{min-width:50px!important;height:44px!important;font-size:10px!important}
  .top-period-control{height:54px!important;min-width:165px!important;padding:0 13px!important;font-size:11px!important}
  .top-period-control svg{width:17px!important;height:17px!important}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important
  }
  .command-dock>.icon-button svg,.command-dock>#notificationButton svg,.command-dock>#exportReportButton svg{width:18px!important;height:18px!important}
  .command-dock .add-entry-top{height:50px!important;min-height:50px!important;padding:0 16px!important;font-size:11px!important}
  .command-dock .add-entry-top svg{width:18px!important;height:18px!important;margin-right:5px!important}
  body[data-signed="1"] .household-profile{
    grid-template-columns:38px minmax(112px,auto) 34px!important;gap:7px!important;
    min-width:205px!important;height:56px!important;padding:5px 0 5px 7px!important
  }
  body[data-signed="1"] .household-profile .owner-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:11px!important}
  body[data-signed="1"] .household-profile .owner-copy small{margin-bottom:3px!important;font-size:7px!important}
  body[data-signed="1"] .household-profile .owner-copy strong{max-width:120px!important;font-size:10px!important}
  .owner-chevron{width:34px!important}
  .owner-chevron svg{width:15px!important;height:15px!important}
  .profile-dropdown .profile-menu{min-width:205px!important}
  body[data-signed="1"] .content{padding-top:16px!important}
}

@media(min-width:1101px) and (max-width:1350px){
  .command-title-panel{width:330px!important}
  .top-period-control{min-width:135px!important}
  .command-dock>#notificationButton{display:none!important}
  body[data-signed="1"] .household-profile{grid-template-columns:36px minmax(92px,auto) 32px!important;min-width:174px!important}
  .owner-chevron{width:32px!important}
}

/* ===== premium-pages.css ===== */
.pp-page{--pp-text:#f7f9ff;--pp-muted:#aebbd2;--pp-line:#2c3a58;display:flex;flex-direction:column;gap:16px;color:var(--pp-text);font-size:14px;line-height:1.45}.pp-page *{box-sizing:border-box}.pp-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 2px 2px}.pp-head>div>span,.pp-kicker{color:#e4b85d;font-size:11px;font-weight:800;letter-spacing:.13em}.pp-head h2{margin:4px 0 2px;color:#fff;font-size:28px;line-height:1.15}.pp-head p{margin:0;color:var(--pp-muted);font-size:13px}.pp-head .btn{min-height:44px;padding:0 18px;font-size:14px;font-weight:700}.pp-metrics{display:grid;gap:12px}.pp-metrics.four{grid-template-columns:repeat(4,1fr)}.pp-metrics.three{grid-template-columns:repeat(3,1fr)}.pp-metric{min-width:0;min-height:92px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--pp-line);border-top:2px solid #c49b4e;border-radius:15px;background:linear-gradient(145deg,#172440,#111c34);box-shadow:0 14px 28px rgba(0,0,0,.12)}.pp-metric>svg{width:44px;height:44px;flex:0 0 44px;padding:11px;border-radius:12px}.pp-metric.violet>svg{color:#c7b6ff;background:#35257d}.pp-metric.coral>svg{color:#ffabb4;background:#64303e}.pp-metric.amber>svg{color:#ffd27b;background:#614319}.pp-metric.green>svg{color:#9ce5c3;background:#174c3d}.pp-metric.blue>svg{color:#91c8ff;background:#173e6c}.pp-metric div{display:flex;min-width:0;flex-direction:column}.pp-metric span,.pp-metric small{color:var(--pp-muted);font-size:11px}.pp-metric strong{margin:2px 0;color:#fff;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-layout{display:grid;gap:14px}.pp-layout.wide-side{grid-template-columns:minmax(0,1fr) 330px}.pp-panel{min-width:0;overflow:hidden;border:1px solid var(--pp-line);border-top:2px solid #c49b4e;border-radius:16px;background:linear-gradient(155deg,#15213c,#101a31)}.pp-panel>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--pp-line)}.pp-panel>header h3{margin:2px 0 0;color:#fff;font-size:17px}.pp-panel>header b{padding:5px 9px;border-radius:99px;background:#29244f;color:#c9bbff;font-size:11px}.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.subscription-card{min-width:0;padding:13px;border:1px solid var(--pp-line);border-radius:13px;background:#192641;transition:.18s transform,.18s border-color}.subscription-card:hover{transform:translateY(-2px);border-color:#7a5ee7}.subscription-top,.subscription-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.subscription-top .bill-logo{width:42px;height:42px;flex-basis:42px}.pp-status{padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800}.pp-status.active{color:#91e0b9;background:#17483b}.pp-status.due{color:#ffabb2;background:#5a2e3b}.subscription-card h4{margin:12px 0 2px;font-size:15px}.subscription-card>p{min-height:18px;margin:0;color:var(--pp-muted);font-size:11px}.subscription-price{margin:10px 0}.subscription-price strong{font-size:18px}.subscription-price span{color:var(--pp-muted);font-size:11px}.subscription-card footer{padding-top:9px;border-top:1px solid var(--pp-line)}.subscription-card footer>span{display:flex;align-items:center;gap:5px;color:var(--pp-muted);font-size:11px}.subscription-card footer>span svg{width:14px}.pp-actions{display:flex;gap:5px}.pp-actions button,.tenant-premium-row nav button,.access-card footer nav button{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #415170;border-radius:8px;background:#eef3ff;color:#273c70;font-size:11px;font-weight:700}.pp-actions button svg,.tenant-premium-row nav button svg,.access-card footer nav button svg{width:14px}.pp-actions button.danger,.tenant-premium-row nav button.danger,.access-card footer nav button.danger{color:#a74351;background:#fff0f2}.timeline-list{padding:10px 14px}.timeline-list>div{position:relative;display:grid;grid-template-columns:8px 38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:60px;border-bottom:1px solid var(--pp-line)}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#8d6cf0;box-shadow:0 0 0 4px rgba(141,108,240,.14)}.timeline-list .bill-logo{width:36px;height:36px;flex-basis:36px}.timeline-list p{margin:0}.timeline-list strong,.timeline-list small{display:block}.timeline-list strong{font-size:12px}.timeline-list small{color:var(--pp-muted);font-size:10px}.timeline-list b{font-size:12px}.pp-due-box{margin:0 14px 14px;padding:12px;border:1px solid #5a3950;border-radius:12px;background:rgba(93,39,56,.22)}.pp-due-box>strong{display:block;margin-bottom:8px;font-size:12px}.pp-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pp-insights .pp-metric{min-height:82px}.pp-empty{grid-column:1/-1;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--pp-muted);text-align:center}.pp-empty svg{width:38px;color:#9a7cf4}.pp-empty strong{color:#fff;font-size:15px}.pp-empty span{font-size:12px}.pp-empty.compact{min-height:130px}.goal-layout{grid-template-columns:1.25fr .75fr}.featured-goal,.roadmap{min-height:330px}.goal-feature-body{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:25px;padding:28px}.goal-ring,.access-donut{--progress:0;width:154px;height:154px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:radial-gradient(circle at center,#14213b 56%,transparent 57%),conic-gradient(#8a63f4 calc(var(--progress)*1%),#293652 0);box-shadow:0 0 34px rgba(117,82,238,.18)}.goal-ring strong{font-size:28px}.goal-ring span{color:var(--pp-muted);font-size:11px}.goal-copy>.bill-logo{width:55px;height:55px}.goal-copy>p{margin:12px 0;color:var(--pp-muted);font-size:13px}.goal-money{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal-money span{color:var(--pp-muted);font-size:11px}.goal-money strong{display:block;color:#fff;font-size:16px}.pp-progress{height:8px;margin:13px 0;border-radius:99px;background:#293650;overflow:hidden}.pp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7150e8,#c296ff)}.goal-copy>small{display:flex;align-items:center;gap:6px;color:var(--pp-muted);font-size:11px}.goal-copy>small svg{width:14px}.roadmap-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:25px 16px 18px}.roadmap-steps>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;color:#7f8ba1;text-align:center}.roadmap-steps>div:after{content:"";position:absolute;left:65%;top:18px;width:70%;height:2px;background:#34415d}.roadmap-steps>div:last-child:after{display:none}.roadmap-steps svg{width:38px;height:38px;padding:9px;border:1px solid #46536c;border-radius:50%;background:#18243e}.roadmap-steps strong{font-size:12px}.roadmap-steps span{font-size:10px}.roadmap-steps .done{color:#9be1bd}.roadmap-steps .done svg{border-color:#3eaa77;background:#17483a}.roadmap-callout{display:flex;align-items:center;gap:14px;margin:15px;padding:16px;border:1px solid #54457c;border-radius:13px;background:linear-gradient(135deg,rgba(111,75,220,.25),rgba(26,39,69,.3))}.roadmap-callout>svg{width:46px;height:46px;padding:12px;border-radius:12px;color:#ffd475;background:#5b4219}.roadmap-callout div{display:flex;flex-direction:column}.roadmap-callout span,.roadmap-callout small{color:var(--pp-muted);font-size:11px}.roadmap-callout strong{font-size:22px}.goal-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.goal-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--pp-line);border-radius:13px;background:#16223c}.goal-mini>.bill-logo{width:42px;height:42px}.goal-mini h4{margin:0;font-size:13px}.goal-mini span{color:var(--pp-muted);font-size:10px}.goal-mini .pp-progress{margin:7px 0 0}.goal-mini>b{font-size:14px}.access-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.access-card{min-height:235px;padding:15px;border:1px solid var(--pp-line);border-top:2px solid #c49b4e;border-radius:15px;background:linear-gradient(145deg,#172440,#111c34)}.access-card.inactive{opacity:.7}.access-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.access-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#7654e6,#456fbd);font-size:15px;font-weight:800}.access-card h4{margin:0;font-size:14px}.access-card header p{margin:2px 0 0;color:var(--pp-muted);font-size:11px}.access-card header em{padding:4px 8px;border-radius:99px;background:#174a3b;color:#96dfbc;font-size:10px;font-style:normal;font-weight:800}.access-role{display:flex;align-items:center;gap:10px;margin:14px 0;padding:11px;border-radius:11px;background:#202c4d}.access-role>svg{width:22px;color:#a98bf8}.access-role span{display:flex;flex-direction:column;color:var(--pp-muted);font-size:10px}.access-role strong{color:#fff;font-size:12px}.access-chips{min-height:45px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px}.access-chips span{padding:4px 7px;border-radius:99px;background:#2b2756;color:#cabdff;font-size:10px}.access-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--pp-line)}.access-card footer small{color:var(--pp-muted);font-size:10px}.access-card footer b{display:flex;align-items:center;gap:5px;color:#a998f3;font-size:10px}.access-card footer b svg{width:13px}.access-overview{min-height:482px}.access-donut{--active:0;width:148px;height:148px;margin:24px auto;background:radial-gradient(circle at center,#14213b 56%,transparent 57%),conic-gradient(#50c58a calc(var(--active)*1%),#293652 0)}.access-donut strong{font-size:28px}.access-donut span{color:var(--pp-muted);font-size:11px}.overview-bars{padding:0 18px}.overview-bars p,.deposit-currency p,.rent-summary p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px 0;border-bottom:1px solid var(--pp-line)}.overview-bars span,.deposit-currency span,.rent-summary span{color:var(--pp-muted);font-size:11px}.overview-bars b,.deposit-currency strong,.rent-summary strong{font-size:13px}.security-note{display:flex;align-items:flex-start;gap:10px;margin:18px;padding:13px;border:1px solid #394f68;border-radius:11px;background:#162b3e}.security-note>svg{width:20px;color:#86dfb5}.security-note p{margin:0}.security-note strong,.security-note span{display:block}.security-note strong{font-size:12px}.security-note span{margin-top:2px;color:var(--pp-muted);font-size:10px}.rental-layout{display:grid;grid-template-columns:.8fr 1.25fr .7fr;gap:14px}.rental-layout>.pp-panel{min-height:430px}.rent-status>#premiumRentDue{padding:12px}.rent-status .rent-due-row{min-height:64px}.rent-summary{margin:8px 16px 16px}.tenant-premium-list{max-height:440px;overflow:auto}.tenant-premium-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:78px;padding:11px 14px;border-bottom:1px solid var(--pp-line)}.tenant-premium-row>.bill-logo{width:42px;height:42px}.tenant-premium-row>div>strong,.tenant-premium-row>div>span{display:block}.tenant-premium-row>div>strong{font-size:12px}.tenant-premium-row>div>span{margin-top:3px;color:var(--pp-muted);font-size:10px}.tenant-premium-row>p{margin:0;text-align:right}.tenant-premium-row>p strong,.tenant-premium-row>p em{display:block}.tenant-premium-row>p strong{font-size:12px}.tenant-premium-row>p em{margin-top:4px;color:#91deb8;font-size:9px;font-style:normal;font-weight:800}.tenant-premium-row>p em.due{color:#ff9ca7}.tenant-premium-row nav{display:flex;gap:4px}.tenant-premium-row nav button:disabled{opacity:.35}.deposit-shield{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:25px auto}.deposit-shield>svg{width:105px;height:105px;padding:24px;border-radius:50%;color:#ffd275;background:radial-gradient(circle,#65451d,#29314c 70%);box-shadow:0 0 35px rgba(224,167,62,.16)}.deposit-shield strong{margin-top:10px;font-size:25px}.deposit-shield span{color:var(--pp-muted);font-size:11px}.deposit-currency{padding:0 17px}.pp-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--pp-muted);font-size:14px}@media(max-width:1250px){.pp-metrics.four{grid-template-columns:repeat(2,1fr)}.subscription-grid{grid-template-columns:repeat(2,1fr)}.rental-layout{grid-template-columns:1fr 1fr}.deposit-overview{grid-column:1/-1}.access-layout{grid-template-columns:1fr}.access-overview{min-height:390px}.access-donut{margin:18px auto}.goal-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.pp-layout.wide-side,.goal-layout,.rental-layout{grid-template-columns:1fr}.access-list{grid-template-columns:1fr}.goal-feature-body{grid-template-columns:1fr;justify-items:center}.goal-copy{width:100%}.subscription-grid{grid-template-columns:1fr}.pp-insights{grid-template-columns:1fr}.deposit-overview{grid-column:auto}}@media(max-width:650px){.pp-head{align-items:stretch;flex-direction:column}.pp-head .btn{justify-content:center}.pp-metrics.four,.pp-metrics.three,.goal-card-grid{grid-template-columns:1fr}.pp-metric{min-height:82px}.tenant-premium-row{grid-template-columns:auto minmax(0,1fr)}.tenant-premium-row>p,.tenant-premium-row>nav{grid-column:2;text-align:left}.roadmap-steps{grid-template-columns:repeat(2,1fr)}.roadmap-steps>div:after{display:none}}

/* ===== premium-dashboard.css ===== */
.premium-dashboard{--pd-line:#9d6a34;--pd-muted:#aeb9cc;display:flex;flex-direction:column;gap:12px;color:#f7f9ff;font-family:Inter,"Segoe UI",sans-serif;font-size:13px}.premium-dashboard *{box-sizing:border-box}.pd-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pd-kpi{position:relative;min-width:0;height:132px;padding:14px 14px 8px;overflow:hidden;border:1px solid #31425e;border-radius:12px;background:#121e35}.pd-kpi.green{border-color:#286146;background:linear-gradient(145deg,#15372f,#111d31)}.pd-kpi.coral{border-color:#6a3540;background:linear-gradient(145deg,#3b2029,#111b30)}.pd-kpi.blue{border-color:#2c578d;background:linear-gradient(145deg,#173660,#111c32)}.pd-kpi.violet{border-color:#5b378d;background:linear-gradient(145deg,#332066,#131b32)}.pd-kpi.gold{border-color:#70582b;background:linear-gradient(145deg,#3b321f,#121c30)}.pd-kpi header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.pd-kpi header>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1)}.pd-kpi header>span svg{width:21px}.pd-kpi.green header>span{color:#9ae3ba;background:#285b42}.pd-kpi.coral header>span{color:#ffadb3;background:#71323b}.pd-kpi.blue header>span{color:#a8d2ff;background:#2f5d9c}.pd-kpi.violet header>span{color:#d0b9ff;background:#583597}.pd-kpi.gold header>span{color:#ffdc8b;background:#635027}.pd-kpi small,.pd-kpi strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-kpi small{color:#d2dae8;font-size:11px}.pd-kpi strong{margin-top:2px;color:#fff;font-size:18px}.pd-kpi header>em{padding:4px 6px;border:1px solid currentColor;border-radius:7px;font-size:10px;font-style:normal}.pd-kpi header>em.up{color:#68d796;background:rgba(44,142,87,.12)}.pd-kpi header>em.down{color:#ff776f;background:rgba(180,57,58,.12)}.pd-kpi>p{position:relative;z-index:2;margin:7px 0 0 49px;color:var(--pd-muted);font-size:10px}.pd-kpi.green>p{color:#7ee2a6}.pd-kpi.gold>p{color:#ffd265}.pd-spark{position:absolute;left:14px;right:14px;bottom:7px;width:calc(100% - 28px);height:29px;overflow:visible}.pd-spark polyline{fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke}.pd-spark.green polyline{stroke:#85df65}.pd-spark.coral polyline{stroke:#f25d55}.pd-spark.blue polyline{stroke:#66a9ff}.pd-spark.violet polyline{stroke:#a25cff}.pd-spark.gold polyline{stroke:#d3a936}.pd-main{display:grid;grid-template-columns:1.08fr 1fr;gap:12px}.pd-panel{min-width:0;overflow:hidden;border:1px solid var(--pd-line);border-radius:12px;background:linear-gradient(155deg,#111d34,#0d172b)}.pd-panel>header{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.pd-panel>header h3{margin:0;color:#fff;font-size:15px;font-weight:750}.pd-panel>header button{display:flex;align-items:center;gap:3px;border:0;background:transparent;color:#edf2fc;font-size:11px}.pd-panel>header button svg{width:14px}.pd-month{max-width:135px;height:30px;padding:0 27px 0 10px;border:1px solid #36435a;border-radius:7px;background:#0d182d;color:#fff;font-size:11px}.pd-cash,.pd-compass{height:320px}.pd-cash-summary{display:flex;align-items:flex-start;gap:45px;padding:0 18px}.pd-cash-summary p{margin:0}.pd-cash-summary span,.pd-cash-summary strong,.pd-cash-summary em{display:block}.pd-cash-summary span{color:#d0d9e6;font-size:11px}.pd-cash-summary span i{width:9px;height:9px;display:inline-block;margin-right:7px;border-radius:50%}.pd-cash-summary span i.income{background:#76d45a}.pd-cash-summary span i.expense{background:#ef554d}.pd-cash-summary strong{margin-top:3px;font-size:14px}.pd-cash-summary p:last-child{margin-left:auto}.pd-cash-summary p:last-child span{color:#e6b955}.pd-cash-summary p:last-child strong{color:#75d65b;font-size:21px}.pd-cash-summary em{color:#75d65b;font-size:11px;font-style:normal}.pd-chart{height:215px;padding:8px 13px 11px}.pd-compass-body{height:195px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:12px;padding:0 17px}.pd-gauge{position:relative;width:260px;height:130px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;margin:auto;overflow:hidden}.pd-gauge:before{content:"";position:absolute;inset:0;border-radius:260px 260px 0 0;background:conic-gradient(from 270deg at 50% 100%,#66ba51 0 18%,#60a9ea 18% 38%,#8755e8 38% 58%,#d79427 58% 75%,#d94d63 75% 100%);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 0 55%,#000 56% 70%,transparent 71%);mask:radial-gradient(circle at 50% 100%,transparent 0 55%,#000 56% 70%,transparent 71%)}.pd-gauge:after{content:"";position:absolute;left:50%;bottom:7px;width:82px;height:4px;border-radius:8px;background:#dfaa43;transform-origin:0 50%;transform:rotate(calc(-180deg + var(--gauge)*1.8deg));box-shadow:0 0 6px #000}.pd-gauge strong,.pd-gauge span{position:relative;z-index:2}.pd-gauge strong{font-size:27px}.pd-gauge span{margin-bottom:6px;color:var(--pd-muted);font-size:11px}.pd-legend p{display:grid;grid-template-columns:10px minmax(0,1fr) 35px 70px;align-items:center;gap:7px;margin:9px 0}.pd-legend p>i{width:9px;height:9px;border-radius:50%}.pd-legend p>i.green{background:#65bf55}.pd-legend p>i.blue{background:#59a8ee}.pd-legend p>i.violet{background:#8952e8}.pd-legend p>i.amber{background:#db9628}.pd-legend p>i.coral{background:#db4e68}.pd-legend p span{font-size:11px}.pd-legend p b,.pd-legend p em{color:#c8d1df;font-size:10px;font-style:normal;text-align:right}.pd-budget-alert{height:59px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:4px 12px 10px;padding:8px 11px;border:1px solid #554825;border-radius:8px;background:#1d2230}.pd-budget-alert>svg{width:27px;color:#e8b64e}.pd-budget-alert p{margin:0}.pd-budget-alert strong,.pd-budget-alert span{display:block}.pd-budget-alert strong{font-size:10px}.pd-budget-alert span{color:var(--pd-muted);font-size:9px}.pd-budget-alert button{height:30px;padding:0 11px;border:1px solid #745a24;border-radius:7px;background:transparent;color:#f0c866;font-size:10px}.pd-lower{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:12px}.pd-lower>.pd-panel{height:260px}.pd-list,.pd-categories{padding:0 12px}.pd-payment,.pd-expense{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:61px;border-bottom:1px solid #26344d}.pd-payment .bill-logo,.pd-expense .bill-logo{width:37px;height:37px;flex-basis:37px}.pd-payment>div strong,.pd-payment>div span,.pd-expense>div strong,.pd-expense>div span{display:block}.pd-payment>div strong,.pd-expense>div strong{font-size:11px}.pd-payment>div span,.pd-expense>div span{margin-top:2px;color:var(--pd-muted);font-size:9px}.pd-payment>p,.pd-expense>p{margin:0;text-align:right}.pd-payment>p b,.pd-payment>p em,.pd-expense>p span,.pd-expense>p b{display:block}.pd-payment>p b,.pd-expense>p b{font-size:11px}.pd-payment>p em{margin-top:3px;color:#ddbd57;font-size:9px;font-style:normal}.pd-expense>p span{color:var(--pd-muted);font-size:9px}.pd-expense>p b{margin-top:3px;color:#ff655e}.pd-category{display:grid;grid-template-columns:26px minmax(70px,1fr) minmax(70px,1.3fr) auto 28px;align-items:center;gap:8px;min-height:34px}.pd-cat-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#17263e}.pd-cat-icon svg{width:14px}.pd-cat-icon.green{color:#64cd64}.pd-cat-icon.blue{color:#5ba6f1}.pd-cat-icon.violet{color:#9461ef}.pd-cat-icon.amber{color:#e2a237}.pd-cat-icon.coral{color:#ef635d}.pd-category>strong{font-size:10px}.pd-category>i{height:5px;border-radius:99px;background:#1d2940;overflow:hidden}.pd-category>i b{display:block;height:100%;border-radius:inherit}.pd-category>i.green b{background:#61bf55}.pd-category>i.blue b{background:#55a2e9}.pd-category>i.violet b{background:#8857e4}.pd-category>i.amber b{background:#d8932d}.pd-category>i.coral b{background:#e55350}.pd-category>span:not(.pd-cat-icon),.pd-category>em{color:#c5cedd;font-size:9px;font-style:normal;text-align:right}.pd-breakdown{height:29px;display:flex;align-items:center;justify-content:center;gap:8px;margin:6px auto 0;padding:0 44px;border:1px solid #322b5f;border-radius:7px;background:#131934;color:#ac95ef;font-size:9px}.pd-breakdown svg{width:12px}.pd-quick{min-height:66px;display:flex;align-items:center;gap:18px;padding:8px 14px;border:1px solid var(--pd-line);border-radius:11px;background:#101b30}.pd-quick h3{min-width:105px;margin:0;font-size:14px}.pd-quick>div{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:10px;flex:1}.pd-quick button{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #394663;border-radius:8px;background:#14213a;color:#fff;font-size:10px}.pd-quick button svg{width:27px;height:27px;padding:7px;border-radius:7px;color:#c4a7ff;background:#4a2d82}.pd-quick button:nth-child(1){border-color:#63313c}.pd-quick button:nth-child(1) svg{color:#ffd1d5;background:#77323d}.pd-quick button:nth-child(2){border-color:#28553c}.pd-quick button:nth-child(2) svg{color:#bff0c8;background:#315f3b}.pd-quick button:nth-child(4){border-color:#604a26}.pd-quick button:nth-child(4) svg{color:#ffe1a1;background:#614b23}.pd-empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--pd-muted);font-size:11px}.pd-empty svg{width:27px}@media(max-width:1300px){.pd-kpis{grid-template-columns:repeat(3,1fr)}.pd-kpi{height:125px}.pd-main{grid-template-columns:1fr}.pd-cash,.pd-compass{height:320px}.pd-lower{grid-template-columns:1fr 1fr}.pd-lower>.pd-panel:last-child{grid-column:1/-1}.pd-quick{align-items:stretch;flex-direction:column}.pd-quick>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.pd-kpis,.pd-lower{grid-template-columns:1fr}.pd-lower>.pd-panel:last-child{grid-column:auto}.pd-main{grid-template-columns:1fr}.pd-compass-body{grid-template-columns:1fr;height:auto}.pd-compass{height:auto}.pd-gauge{width:230px}.pd-budget-alert{height:auto}.pd-cash-summary{gap:15px}.pd-cash-summary p:last-child{margin-left:0}.pd-quick>div{grid-template-columns:repeat(2,1fr)}}

/* ===== dashboard-fixes.css ===== */
/* Dashboard refinements: scrollable recent expenses and pointed compass needle. */
.pd-lower>.pd-panel:nth-child(2) .pd-list{height:calc(100% - 47px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7586a8 #111a2d}
.pd-lower>.pd-panel:nth-child(2) .pd-list::-webkit-scrollbar{width:7px}
.pd-lower>.pd-panel:nth-child(2) .pd-list::-webkit-scrollbar-track{background:#111a2d;border-radius:8px}
.pd-lower>.pd-panel:nth-child(2) .pd-list::-webkit-scrollbar-thumb{border:2px solid #111a2d;border-radius:8px;background:#7586a8}
.pd-gauge:after{bottom:15px!important;width:94px!important;height:10px!important;border-radius:0!important;clip-path:polygon(0 28%,84% 0,100% 50%,84% 100%,0 72%);background:linear-gradient(180deg,#ff6a65 0%,#e1262f 48%,#a80f20 100%)!important;filter:drop-shadow(0 2px 2px #05070d);box-shadow:none!important;z-index:3}
.pd-gauge strong:after{content:"";position:absolute;left:50%;bottom:-11px;width:17px;height:17px;border:4px solid #f0bd4d;border-radius:50%;background:#6d4014;box-shadow:0 0 0 3px #0a1020,0 0 8px rgba(240,189,77,.45);transform:translateX(-50%);z-index:5}

/* ===== recurring-model-c.css ===== */
.ap-page{display:flex;flex-direction:column;gap:14px}.ap-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.ap-heading h2{margin:3px 0 2px;font-size:25px}.ap-heading p{margin:0;color:var(--muted);font-size:11px}.ap-heading .btn{display:flex;align-items:center;gap:7px}.ap-health{position:relative;min-height:126px;display:grid;grid-template-columns:repeat(3,minmax(150px,.7fr)) minmax(310px,1.3fr);align-items:center;padding:23px 20px 16px;overflow:hidden;border-top:2px solid #d5a54a!important;background:radial-gradient(circle at 78% 20%,rgba(116,69,223,.18),transparent 31%),var(--surface)}.ap-health>label{position:absolute;left:20px;top:10px;color:#aa8cff;font-size:9px;font-weight:900;letter-spacing:.11em}.ap-stat{display:flex;align-items:center;gap:11px;padding:0 18px;border-right:1px solid var(--line)}.ap-stat>svg{width:42px;height:42px;padding:11px;border-radius:11px}.ap-stat.green>svg{color:#8ce0bd;background:#14483d}.ap-stat.violet>svg{color:#c0adff;background:#32217b}.ap-stat.coral>svg{color:#ffabb4;background:#702d3c}.ap-stat span{display:flex;flex-direction:column;color:var(--muted);font-size:9px}.ap-stat strong{margin-bottom:4px;color:var(--ink);font-size:20px;line-height:1}.ap-meter{padding-left:22px}.ap-meter header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ap-meter b{font-size:10px}.ap-meter em{padding:4px 8px;border-radius:20px;background:#164b3e;color:#8de2bd;font-size:8px;font-style:normal;font-weight:800}.ap-meter>span{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#3ac37f 0 35%,#b2dc49 35% 58%,#efac20 58% 82%,#e75569 82%);overflow:hidden}.ap-meter>span i{display:block;height:100%;border-right:3px solid #fff;border-radius:inherit;background:rgba(255,255,255,.28)}.ap-meter small{display:block;margin-top:7px;color:var(--muted);font-size:8px}.ap-board{display:grid;grid-template-columns:1fr .92fr 1.08fr;gap:14px}.ap-column{height:475px;min-width:0;padding:0!important;overflow:hidden;border-top:2px solid #d5a54a!important}.ap-column>header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;border-bottom:1px solid var(--line)}.ap-column>header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.ap-column>header h3 svg{width:17px;color:#9d7cff}.ap-column.attention>header h3 svg{color:#ef6978}.ap-column.transfers>header h3 svg{color:#dfa33d}.ap-column>header>span{padding:5px 8px;border-radius:20px;background:#29244f;color:#bcaaff;font-size:8px;font-weight:800}.ap-column.attention>header>span{background:#492634;color:#ff8e9d}.ap-column>header .btn{height:32px;padding:0 9px;font-size:8px}.ap-column>main{height:413px;overflow:auto;scrollbar-width:thin}.ap-bill{min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid var(--line)}.ap-bill .bill-logo{width:40px;height:40px;flex-basis:40px}.ap-bill>div,.ap-bill>aside{display:flex;min-width:0;flex-direction:column}.ap-bill strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-bill span{margin-top:3px;color:var(--muted);font-size:8px}.ap-bill aside{align-items:flex-end;text-align:right}.ap-bill aside b{font-size:10px}.ap-bill nav{display:flex;gap:4px}.ap-bill nav button{width:29px;height:29px}.ap-attention{min-height:205px;max-height:255px!important;padding:12px}.ap-caught{height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ap-caught>span{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#3d976f,#183a39 63%,#182748);box-shadow:0 0 0 9px rgba(62,171,125,.08),0 0 38px rgba(65,213,151,.14)}.ap-caught svg{width:32px;color:#a2efca}.ap-caught strong{margin-top:13px;font-size:14px}.ap-caught p{margin:3px 0;color:var(--muted);font-size:9px}.ap-due{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 2px;border-bottom:1px solid var(--line)}.ap-due .bill-logo{width:34px;height:34px;flex-basis:34px}.ap-due strong,.ap-due span{display:block}.ap-due strong{font-size:10px}.ap-due span{color:var(--muted);font-size:8px}.ap-due button{border:0;border-radius:8px;background:#684edd;color:#fff;padding:6px 8px;font-size:8px;font-weight:800}.ap-upcoming-box{margin:0 12px 12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(9,20,44,.35)}.ap-upcoming-box>b{display:block;margin-bottom:5px;color:#aa8cff;font-size:8px}.ap-upcoming{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:30px}.ap-upcoming .bill-logo{width:23px;height:23px;flex-basis:23px;border-radius:6px}.ap-upcoming strong{font-size:8px}.ap-upcoming>span{color:#8fe0bc;font-size:7px}.ap-transfer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:105px;padding:10px 12px;border-bottom:1px solid var(--line)}.ap-transfer>div{min-width:0}.ap-transfer strong,.ap-transfer span,.ap-transfer small{display:block}.ap-transfer strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-transfer span,.ap-transfer small{margin-top:2px;color:var(--muted);font-size:8px}.ap-transfer>em{grid-column:2;width:max-content;padding:4px 7px;border-radius:20px;background:#164b3e;color:#8de2bd;font-size:7px;font-style:normal;font-weight:800}.ap-transfer>em.paused{background:#2d3447;color:#aeb7c8}.ap-transfer .scheduled-actions{grid-column:3;grid-row:1/3}.ap-transfer.paused{opacity:.62}.ap-empty{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center}.ap-empty svg{width:29px;color:#8f73ec}.ap-empty strong{color:var(--ink);font-size:11px}.ap-empty span{font-size:8px}.ap-insights{min-height:82px;display:grid;grid-template-columns:repeat(3,1fr);padding:0!important;border-top:2px solid #d5a54a!important;overflow:hidden}.ap-insights>div{display:flex;align-items:center;gap:12px;padding:13px 18px;border-right:1px solid var(--line)}.ap-insights>div:last-child{border-right:0}.ap-insights>div>svg{width:39px;height:39px;padding:10px;border-radius:11px;color:#bb9cff;background:#34217e}.ap-insights>div:nth-child(2)>svg{color:#8fe2b9;background:#164b3e}.ap-insights>div:nth-child(3)>svg{color:#ffc665;background:#633d14}.ap-insights span{display:flex;min-width:0;flex-direction:column;color:var(--muted);font-size:8px}.ap-insights strong{margin-top:3px;color:var(--ink);font-size:11px}.ap-insights small{margin-top:2px;color:var(--muted);font-size:8px}@media(max-width:1250px){.ap-health{grid-template-columns:repeat(3,1fr)}.ap-meter{grid-column:1/-1;padding:15px 18px 0}.ap-board{grid-template-columns:1fr 1fr}.ap-column.transfers{grid-column:1/-1}.ap-column{height:430px}.ap-column>main{height:368px}}@media(max-width:760px){.ap-heading{align-items:stretch;flex-direction:column}.ap-heading .btn{justify-content:center}.ap-health{grid-template-columns:1fr;padding-top:30px}.ap-stat{padding:11px 4px;border-right:0;border-bottom:1px solid var(--line)}.ap-meter{grid-column:auto;padding:14px 4px 0}.ap-board{grid-template-columns:1fr}.ap-column.transfers{grid-column:auto}.ap-column{height:auto;min-height:360px}.ap-column>main{height:auto;max-height:420px}.ap-insights{grid-template-columns:1fr}.ap-insights>div{border-right:0;border-bottom:1px solid var(--line)}.ap-bill{grid-template-columns:auto minmax(0,1fr) auto}.ap-bill aside{grid-column:2;align-items:flex-start;text-align:left}.ap-bill nav{grid-column:3;grid-row:1/3}}

/* ===== recurring-readable.css ===== */
/* Readability layer for the Smart Autopay Board. */
.ap-page{--ap-secondary:#aebbd2;--ap-tertiary:#8f9db8}.ap-heading p{color:var(--ap-secondary)!important;font-size:13px!important;font-weight:500}.ap-health>label{font-size:11px!important}.ap-stat span{color:var(--ap-secondary)!important;font-size:11px!important;font-weight:600}.ap-stat strong{font-size:23px!important;font-weight:800}.ap-meter b{font-size:12px!important}.ap-meter em{font-size:10px!important}.ap-meter small{color:var(--ap-secondary)!important;font-size:10px!important;font-weight:500}.ap-column>header h3{font-size:16px!important;font-weight:800}.ap-column>header>span{font-size:10px!important}.ap-column>header .btn{font-size:10px!important;font-weight:800}.ap-bill strong{font-size:13px!important;font-weight:800}.ap-bill span{color:var(--ap-secondary)!important;font-size:10px!important;font-weight:500}.ap-bill aside b{font-size:12px!important;font-weight:800}.ap-bill aside span{color:var(--ap-secondary)!important;font-size:10px!important}.ap-caught strong{font-size:16px!important}.ap-caught p{color:var(--ap-secondary)!important;font-size:11px!important}.ap-due strong{font-size:12px!important}.ap-due span{color:var(--ap-secondary)!important;font-size:10px!important}.ap-due button{font-size:10px!important}.ap-upcoming-box>b{font-size:10px!important}.ap-upcoming strong{font-size:10px!important;font-weight:700}.ap-upcoming>span{font-size:9px!important;font-weight:700}.ap-transfer strong{font-size:12px!important;font-weight:800}.ap-transfer span,.ap-transfer small{color:var(--ap-secondary)!important;font-size:10px!important;line-height:1.35}.ap-transfer>em{font-size:9px!important}.ap-empty strong{font-size:13px!important}.ap-empty span{color:var(--ap-secondary)!important;font-size:10px!important}.ap-insights span{color:var(--ap-secondary)!important;font-size:10px!important;font-weight:600}.ap-insights strong{font-size:13px!important;font-weight:800}.ap-insights small{color:var(--ap-secondary)!important;font-size:10px!important}.ap-bill,.ap-transfer{padding-top:12px!important;padding-bottom:12px!important}.ap-column main{scrollbar-color:#697794 #18233b}.ap-column main::-webkit-scrollbar{width:8px}.ap-column main::-webkit-scrollbar-thumb{border-radius:10px;background:#697794}.ap-column main::-webkit-scrollbar-track{background:#18233b}@media(max-width:760px){.ap-heading p{font-size:12px!important}.ap-column>header h3{font-size:15px!important}.ap-bill strong,.ap-transfer strong{font-size:12px!important}}

/* ===== uber.css ===== */
.page-uber{max-width:1600px;margin:0 auto;color:var(--text,#f7f8ff)}
.uber-shell{display:grid;gap:16px}.uber-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.uber-eyebrow{color:#d9ad55;font-size:.78rem;font-weight:800;letter-spacing:.12em}.uber-head h2{margin:.2rem 0;font-size:1.8rem}.uber-head p{margin:0;color:var(--muted,#aab4cc)}.uber-toolbar,.uber-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.uber-month{display:flex;align-items:center;border:1px solid var(--line,#33405d);border-radius:12px;overflow:hidden;background:var(--panel,#111d39)}.uber-month button{width:42px;height:42px;border:0;background:transparent;color:inherit}.uber-month strong{padding:0 12px;min-width:145px;text-align:center}.uber-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.uber-step{border:1px solid var(--line,#33405d);border-top:2px solid #4e5a79;background:var(--panel,#111d39);border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center;color:var(--muted,#aab4cc)}.uber-step b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#202b49}.uber-step.active,.uber-step.done{border-top-color:#d9ad55;color:var(--text,#fff)}.uber-step.done b{background:#307a57}.uber-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.uber-card{position:relative;border:1px solid var(--line,#33405d);border-top:2px solid #d9ad55;background:var(--panel,#111d39);border-radius:15px;padding:18px;min-width:0}.uber-card.span2{grid-column:span 2}.uber-card.span3{grid-column:1/-1}.uber-card h3{font-size:1.05rem;margin:0}.uber-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.uber-card-head small,.uber-help{color:var(--muted,#aab4cc)}.uber-drop{min-height:190px;border:1px dashed #586582;border-radius:14px;display:grid;place-items:center;text-align:center;padding:24px;cursor:pointer;background:rgba(115,85,232,.05)}.uber-drop.drag{border-color:#d9ad55;background:rgba(217,173,85,.08)}.uber-drop i{width:36px;height:36px;color:#d9ad55}.uber-file{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.uber-file-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#f4e8cb;color:#945f13}.uber-table-wrap{overflow:auto;max-height:420px}.uber-table{width:100%;border-collapse:collapse}.uber-table th,.uber-table td{padding:10px;border-bottom:1px solid var(--line,#33405d);vertical-align:middle}.uber-table th{position:sticky;top:0;background:var(--panel,#111d39);z-index:1;color:var(--muted,#aab4cc);font-size:.78rem}.uber-table input,.uber-input,.uber-select{width:100%;border:1px solid var(--line,#33405d);border-radius:10px;background:rgba(4,12,29,.38);color:inherit;padding:10px 12px}.uber-status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.72rem;font-weight:800}.uber-status.detected{background:#193d31;color:#73d29b}.uber-status.missing{background:#493b20;color:#f2ca69}.uber-expense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.uber-expense-row{display:grid;grid-template-columns:1fr 130px auto;gap:8px;align-items:center}.uber-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.uber-kpi{border:1px solid var(--line,#33405d);border-top:2px solid #d9ad55;background:var(--panel,#111d39);border-radius:14px;padding:16px}.uber-kpi small{display:block;color:var(--muted,#aab4cc);margin-bottom:8px}.uber-kpi strong{font-size:1.35rem}.uber-kpi.good strong{color:#68d391}.uber-kpi.bad strong{color:#ff7785}.uber-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.uber-metric{padding:12px;border:1px solid var(--line,#33405d);border-radius:10px}.uber-metric span{display:block;color:var(--muted,#aab4cc);font-size:.78rem}.uber-metric b{font-size:1.05rem}.uber-chart{height:280px}.uber-history-list{display:grid;gap:8px;max-height:560px;overflow:auto}.uber-history-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line,#33405d);border-radius:12px}.uber-empty{text-align:center;color:var(--muted,#aab4cc);padding:45px 20px}.uber-dashboard-card{margin-top:16px}.uber-dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.uber-dashboard-grid div{padding:10px;border:1px solid var(--line,#33405d);border-radius:10px}.uber-dashboard-grid small{display:block;color:var(--muted,#aab4cc)}
@media(max-width:1000px){.uber-grid{grid-template-columns:1fr 1fr}.uber-card.span3{grid-column:1/-1}.uber-kpis{grid-template-columns:repeat(3,1fr)}.uber-progress{overflow-x:auto;grid-template-columns:repeat(5,180px)}}
@media(max-width:650px){.page-uber{padding-bottom:90px}.uber-head{align-items:flex-start;flex-direction:column}.uber-toolbar{width:100%}.uber-month{flex:1}.uber-grid,.uber-expense-grid{grid-template-columns:1fr}.uber-card.span2,.uber-card.span3{grid-column:auto}.uber-kpis{grid-template-columns:1fr 1fr}.uber-kpi:last-child{grid-column:1/-1}.uber-metrics{grid-template-columns:1fr 1fr}.uber-history-row{grid-template-columns:1fr 1fr}.uber-history-row .uber-actions{grid-column:1/-1}.uber-dashboard-grid{grid-template-columns:1fr 1fr}.uber-table{min-width:700px}}
@media print{.sidebar,.topbar,.mobile-nav,.uber-toolbar,.uber-progress,.uber-actions,.uber-drop{display:none!important}.main{margin:0!important}.page-uber{color:#111}.uber-card,.uber-kpi{background:#fff;border-color:#ccc;break-inside:avoid}}

/* Transactions Model B final alignment lock. Keep after global desktop corrections. */
@media(min-width:761px){
  .transaction-model-b .transaction-model-b-row{
    display:grid!important;
    grid-template-columns:57px 43px minmax(280px,1fr) 82px 130px 76px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:10px!important;
    min-height:55px!important;
    height:55px!important;
    padding:5px 8px!important;
  }
  .transaction-model-b .transaction-model-b-row>.transaction-date-tile{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  .transaction-model-b .transaction-model-b-row>.tx-logo-button,
  .transaction-model-b .transaction-model-b-row>.tx-transfer-icon{grid-column:2!important;grid-row:1!important;justify-self:center!important}
  .transaction-model-b .transaction-model-b-row>.transaction-main{grid-column:3!important;grid-row:1!important;justify-self:stretch!important;width:100%!important;text-align:left!important}
  .transaction-model-b .transaction-model-b-row>.transaction-type{grid-column:4!important;grid-row:1!important;justify-self:center!important}
  .transaction-model-b .transaction-model-b-row>.transaction-amount{grid-column:5!important;grid-row:1!important;justify-self:end!important;width:auto!important;text-align:right!important;white-space:nowrap!important}
  .transaction-model-b .transaction-model-b-row>.transaction-actions{grid-column:6!important;grid-row:1!important;display:flex!important;justify-self:end!important;align-items:center!important;flex-wrap:nowrap!important}
  .transaction-model-b .transaction-main strong,
  .transaction-model-b .transaction-main span{display:block!important;max-width:100%!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(min-width:761px) and (max-width:1100px){
  .transaction-model-b .transaction-model-b-row{grid-template-columns:52px 40px minmax(180px,1fr) 70px 105px 68px!important}
}

/* Trips Model B: journey board with the approved KPI boxes. */
.page-trips{--trip-gold:#d7a94d;--trip-line:rgba(139,157,191,.25)}
.page-trips .trip-head{align-items:center;margin-bottom:11px}.page-trips .trip-head h2{font-size:27px}.page-trips .trip-head-actions .btn{height:39px;padding:0 13px;border-radius:10px}.page-trips .trip-head-actions .btn-primary{background:linear-gradient(135deg,#654bd8,#8d63ef);box-shadow:0 8px 20px rgba(103,77,218,.22)}
.page-trips .trip-view-tabs{margin-bottom:10px}.page-trips .trip-selector-row{margin-bottom:11px}.page-trips .trip-selector-row .form-select{height:43px;border-radius:10px}
.trip-model-b-journey{min-height:143px;display:grid;grid-template-columns:auto minmax(230px,.7fr) minmax(420px,1.5fr);align-items:center;gap:18px;margin-bottom:13px;padding:15px 24px;border:1px solid var(--trip-gold);border-radius:15px;background:radial-gradient(circle at 65% 50%,rgba(35,78,115,.23),transparent 34%),linear-gradient(120deg,#10213d,#09182f 68%,#111c33);overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.trip-model-b-journey:after{content:"";position:absolute;pointer-events:none}.trip-journey-avatar{width:88px;height:88px;display:grid;place-items:center;border:2px solid #d8a84a;border-radius:50%;background:radial-gradient(circle at 38% 30%,#284e72,#0c1b33 70%);color:#ffd370;box-shadow:0 0 0 7px rgba(215,169,77,.06)}.trip-journey-avatar svg{width:40px;height:40px}.trip-journey-copy{min-width:0}.trip-journey-copy h3{margin:0;color:#fff;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-journey-copy p{margin:5px 0;color:#e0b85e;font-size:13px}.trip-journey-copy em{width:max-content;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:rgba(53,185,119,.16);color:#70dfa2;font-size:9px;font-style:normal;font-weight:800;text-transform:capitalize}.trip-journey-copy em svg{width:12px}
.trip-route{min-width:0;display:grid;grid-template-columns:auto minmax(60px,1fr) auto minmax(60px,1fr) auto;align-items:center;gap:7px}.trip-route>span{width:90px;display:grid;justify-items:center;gap:5px;text-align:center;color:#f3f6fb}.trip-route>span>svg{width:29px;height:29px;color:#f4c257;filter:drop-shadow(0 0 8px rgba(244,194,87,.35))}.trip-route>span.destination>svg{width:35px;height:35px}.trip-route>span>b{max-width:100px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-route-line{height:2px;border-top:2px dotted #d5a849;transform:translateY(-11px)}
.trip-model-b-kpis{gap:14px;margin-bottom:13px}.trip-model-b-kpis article{position:relative;min-height:104px;padding:15px 18px;border:1px solid var(--trip-gold);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.16)}.trip-model-b-kpis article.budget{background:linear-gradient(115deg,rgba(10,89,85,.72),#10233a 76%)}.trip-model-b-kpis article.spent{background:linear-gradient(115deg,rgba(108,37,49,.7),#231a31 76%)}.trip-model-b-kpis article.remaining{background:linear-gradient(115deg,rgba(53,36,118,.72),#151b3c 76%)}.trip-model-b-kpis .trip-kpi-icon{z-index:2;width:45px;height:45px;border:1px solid rgba(255,255,255,.1)}.trip-model-b-kpis article>div{z-index:2}.trip-model-b-kpis small{font-size:10px}.trip-model-b-kpis strong{font-size:21px}.trip-model-b-kpis em{font-size:10px}.trip-kpi-art{position:absolute;right:16px;bottom:7px;width:118px;height:76px;opacity:.12}.trip-kpi-art.wallet-art{border:2px solid #76d5b9;border-radius:12px;transform:rotate(-5deg)}.trip-kpi-art.wallet-art:before{content:"";position:absolute;right:-5px;top:25px;width:45px;height:25px;border:2px solid #76d5b9;border-radius:6px}.trip-kpi-art.luggage-art{border:2px solid #ff8790;border-radius:11px}.trip-kpi-art.luggage-art:before,.trip-kpi-art.luggage-art:after{content:"";position:absolute}.trip-kpi-art.luggage-art:before{left:35px;top:-14px;width:45px;height:18px;border:2px solid #ff8790;border-bottom:0;border-radius:9px 9px 0 0}.trip-kpi-art.luggage-art:after{left:18px;right:18px;top:17px;bottom:10px;border-left:2px solid #ff8790;border-right:2px solid #ff8790}.trip-kpi-art.chart-art{background:linear-gradient(to top right,transparent 0 43%,#a477ff 44% 46%,transparent 47% 100%)}.trip-kpi-art.chart-art:before{content:"";position:absolute;inset:10px 0 0;background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(164,119,255,.7) 18px 20px);clip-path:polygon(0 92%,18% 75%,35% 80%,52% 52%,70% 58%,87% 20%,100% 3%,100% 100%,0 100%)}
.trip-model-b-grid{gap:14px}.trip-model-b-grid .trip-panel{height:365px;border:1px solid rgba(201,157,70,.55);border-radius:14px;background:linear-gradient(145deg,#111f39,#0c182e)}.trip-model-b-grid .trip-panel-head{padding:13px 16px 10px}.trip-model-b-grid .trip-panel-head h3{font-size:15px}.trip-model-b-grid .trip-panel-head p{font-size:9px}
.trip-category-progress{display:grid!important;grid-template-columns:36px minmax(100px,1fr) auto 34px!important;gap:10px!important;min-height:58px!important}.trip-category-progress .trip-icon{width:34px;height:34px;border:0;color:#fff}.trip-category-progress>div{display:grid!important;gap:6px}.trip-category-progress>div>i{height:5px;overflow:hidden;border-radius:10px;background:#1c2b45}.trip-category-progress>div>i>b{display:block;height:100%;border-radius:inherit;background:currentColor}.trip-category-progress>span:not(.trip-icon){color:#e9eef8;font-size:10px;font-weight:750;white-space:nowrap}.trip-category-progress>em{font-size:9px;font-style:normal;font-weight:800;text-align:right}.trip-category-progress.tone-violet{color:#a970ff}.trip-category-progress.tone-orange{color:#ff9c35}.trip-category-progress.tone-blue{color:#42b4ef}.trip-category-progress.tone-green{color:#4bd082}.trip-category-progress.tone-coral{color:#ef5971}.trip-category-progress.tone-cyan{color:#39c9bd}.trip-category-progress.tone-violet .trip-icon{background:#7442c9}.trip-category-progress.tone-orange .trip-icon{background:#d66e18}.trip-category-progress.tone-blue .trip-icon{background:#2585bd}.trip-category-progress.tone-green .trip-icon{background:#298c57}.trip-category-progress.tone-coral .trip-icon{background:#b9384e}.trip-category-progress.tone-cyan .trip-icon{background:#228d87}
.trip-expense-timeline .trip-scroll{position:relative;padding-left:18px}.trip-expense-timeline .trip-scroll:before{content:"";position:absolute;left:14px;top:26px;bottom:25px;width:1px;background:#63728f}.trip-expense-timeline .trip-expense-row{position:relative;min-height:59px;padding:8px 10px 8px 16px}.trip-timeline-dot{position:absolute;left:-11px;width:10px;height:10px;border:2px solid #d8e0ed;border-radius:50%;background:#6f55dc;box-shadow:0 0 0 3px #101d35}.trip-timeline-dot.tone-orange{background:#f08b2e}.trip-timeline-dot.tone-blue{background:#3aa8e7}.trip-timeline-dot.tone-green{background:#43c77a}.trip-timeline-dot.tone-coral{background:#ec5b70}.trip-expense-timeline .trip-icon{border:0;color:#fff}.trip-expense-timeline .trip-icon.tone-violet{background:#6940bd}.trip-expense-timeline .trip-icon.tone-orange{background:#c96519}.trip-expense-timeline .trip-icon.tone-blue{background:#247eae}.trip-expense-timeline .trip-icon.tone-green{background:#287c50}.trip-expense-timeline .trip-icon.tone-coral{background:#a93346}.trip-expense-timeline .trip-icon.tone-cyan{background:#227a75}.trip-expense-timeline .trip-action{border:1px solid rgba(255,255,255,.08);background:#172541}.trip-expense-timeline .trip-action.edit{color:#b295ff}.trip-expense-timeline .trip-action.delete{color:#fa6677}
.trip-model-b-grid .trip-directory-row{min-height:67px;margin:7px 10px;width:calc(100% - 20px);border:1px solid rgba(123,142,177,.22);border-radius:9px;background:#12213b}.trip-model-b-grid .trip-directory-row.active{border-color:rgba(215,169,77,.7);background:#172945;box-shadow:inset 3px 0 #e0ad58}.trip-model-b-grid .trip-directory-row .trip-icon{background:#fff0c9;color:#b87b1e}
@media(max-width:1180px){.trip-model-b-journey{grid-template-columns:auto 1fr}.trip-route{grid-column:1/-1}.trip-model-b-grid{grid-template-columns:1fr 1fr}.trip-model-b-grid .trip-panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.trip-model-b-journey{grid-template-columns:1fr;text-align:center}.trip-journey-avatar{margin:auto}.trip-journey-copy em{margin:auto}.trip-route{grid-template-columns:1fr 1fr 1fr}.trip-route-line{display:none}.trip-model-b-grid{grid-template-columns:1fr}.trip-model-b-grid .trip-panel:last-child{grid-column:auto}.trip-model-b-kpis{grid-template-columns:1fr}.trip-model-b-grid .trip-panel{height:350px}}
/* Approved Accounts & Cards design — intentionally scoped to the accounts page. */
.approved-accounts-page{--aa-bg:#081327;--aa-card:#101d37;--aa-line:#263754;--aa-text:#f6f8ff;--aa-muted:#91a2c2;color:var(--aa-text)}
.approved-accounts-page .account-toolbar{margin-bottom:14px}.approved-accounts-page .account-toolbar h2{font-size:27px;color:var(--aa-text);letter-spacing:-.6px}.approved-accounts-page .account-toolbar p{color:var(--aa-muted)}
.approved-accounts-page .account-toolbar>div:last-child{align-items:center}.approved-accounts-page .account-toolbar .btn{min-height:40px;border-color:#2a3b5b;background:#101d36;color:#ecf2ff}.approved-accounts-page .account-toolbar .btn-primary{border-color:#7657f1;background:linear-gradient(135deg,#6952d9,#825af4)}
.approved-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.approved-metric{position:relative;min-width:0;height:112px;padding:15px 16px 12px;border:1px solid var(--aa-line);border-top:2px solid;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#112039,#0d192f);box-shadow:0 9px 24px rgba(0,0,0,.18)}
.approved-metric.positive{border-top-color:#16e877;background:radial-gradient(circle at 5% 0,rgba(26,204,111,.17),transparent 64%),linear-gradient(145deg,#112039,#0d192f)}.approved-metric.negative{border-top-color:#ff424b;background:radial-gradient(circle at 5% 0,rgba(238,60,67,.16),transparent 64%),linear-gradient(145deg,#20182a,#11172a)}.approved-metric.zero{border-top-color:#20c9f3;background:radial-gradient(circle at 5% 0,rgba(32,201,243,.13),transparent 64%),linear-gradient(145deg,#102038,#0d192f)}
.approved-metric>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#d7deec}.approved-metric>div svg{width:14px;height:14px}.approved-currency{padding:4px 8px;border-radius:10px;background:rgba(117,151,167,.22);font-weight:800;color:#f0f8ff}.approved-metric strong{position:relative;z-index:2;display:block;margin-top:8px;font-size:22px;color:#f8fbff;letter-spacing:-.5px}.approved-metric.negative strong{color:#ff5b5f}.approved-metric.zero strong{color:#27d5f8}
.approved-spark{position:absolute;right:10px;bottom:8px;width:80px;height:36px;opacity:.95}.approved-metric .approved-spark{width:68px;height:32px}
.approved-investment{position:relative;display:grid;grid-template-columns:auto minmax(250px,1fr) minmax(230px,.7fr) minmax(300px,1fr);align-items:center;gap:18px;min-height:130px;margin-bottom:16px;padding:22px 26px;border:1px solid #293454;border-radius:13px;overflow:hidden;background:linear-gradient(110deg,#151b40,#101a37 62%,#1d1650);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.approved-investment-icon{width:96px;height:64px;display:grid;place-items:center;border-radius:14px;color:#c6b9ff;background:linear-gradient(145deg,#493294,#31246c)}.approved-investment-icon svg{width:28px;height:28px}.approved-investment-image{overflow:hidden;border:1px solid rgba(165,118,255,.42);background:#161b37}.approved-investment-image img{width:100%;height:100%;object-fit:contain;display:block}.approved-investment small{color:#a797ef;font-size:11px;letter-spacing:.08em}.approved-investment h3{margin:2px 0 4px;color:#fff;font-size:21px}.approved-investment p{margin:0;color:var(--aa-muted);font-size:12px}.approved-investment-value{display:flex;flex-direction:column;position:relative;z-index:2}.approved-investment-value span{font-size:12px;color:#aeb9d1}.approved-investment-value strong{font-size:26px;color:#a361ff}.approved-investment-value small{color:#929db9;letter-spacing:0}.approved-investment>.approved-spark{width:36%;height:70px;right:24px;bottom:18px}
.approved-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.approved-account{position:relative;min-height:250px!important;padding:0!important;border:1px solid #263958!important;border-top:2px solid!important;border-radius:14px!important;overflow:hidden;background:linear-gradient(145deg,#111f3a,#0d192e)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.approved-account.positive{border-top-color:#18e878!important;background:radial-gradient(circle at 5% 0,rgba(25,211,111,.14),transparent 57%),linear-gradient(145deg,#111f3a,#0d192e)!important}.approved-account.negative{border-top-color:#ff424b!important;background:radial-gradient(circle at 5% 0,rgba(241,61,69,.14),transparent 57%),linear-gradient(145deg,#121e39,#0d192e)!important}.approved-account.zero{border-top-color:#20c9f3!important;background:radial-gradient(circle at 5% 0,rgba(32,201,243,.13),transparent 57%),linear-gradient(145deg,#111f3a,#0d192e)!important}.approved-account.amber{border-top-color:#eda91d!important;background:radial-gradient(circle at 5% 0,rgba(225,165,32,.13),transparent 57%),linear-gradient(145deg,#181c28,#0d192e)!important}
.approved-account>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:19px 18px 6px}.approved-account>header>div{min-width:0}.approved-account>header span{font-size:11px;color:#93a5c5}.approved-account>header h3{margin:2px 0;color:#fff;font-size:18px}.approved-account>header small{font-size:11px;color:#9eacc5}.approved-account .icon-button{width:38px;height:38px;border-color:#334765;background:rgba(10,21,41,.46);color:#edf3ff}.approved-account .icon-button svg{width:17px;height:17px}
.approved-account-image{display:grid;place-items:center;width:116px;height:74px;flex:0 0 116px;border:1px solid rgba(119,153,205,.48);border-radius:10px;overflow:hidden;background:#0e1a30;box-shadow:0 8px 20px rgba(0,0,0,.2)}.approved-account-image img{width:100%;height:100%;object-fit:contain;display:block}.approved-account-image.compact{width:64px;height:44px;flex:0 0 64px;box-shadow:none}.approved-account-fallback{width:74px;height:74px;display:grid;place-items:center;border-radius:12px;color:#d9e6ff;background:#203558}.approved-account-fallback.compact{width:64px;height:44px}.approved-account-fallback svg{width:28px;height:28px}
.approved-account-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.72fr);align-items:end;gap:18px;min-height:86px;padding:6px 18px 15px}.approved-account .finance-account-balance{margin:0}.approved-account .finance-account-balance small{color:#8fa0be;font-size:10px}.approved-account .finance-account-balance strong{font-size:25px;color:#f7f9ff}.approved-account.negative .finance-account-balance strong{color:#ff4d4f}.approved-account.zero .finance-account-balance strong{color:#20d3f5}.approved-account.amber .finance-account-balance strong{color:#fff}.approved-account-main>.approved-spark{position:relative;right:auto;bottom:auto;width:100%;height:48px}
.approved-utilization>small{display:block;color:#9aa8c0;font-size:10px}.approved-utilization>div{display:flex;align-items:center;gap:9px;margin-top:5px}.approved-utilization strong{font-size:23px;color:#fff}.approved-utilization span{flex:1;height:7px;border-radius:10px;background:#233150;overflow:hidden}.approved-utilization i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ff474c,#ff5d62)}.approved-account.zero .approved-utilization i{background:#20c9f3}
.approved-account .suspense-account-note{margin:0 18px 8px;padding:7px 9px;border:1px dashed #ad7912;border-radius:8px;color:#e9ad2f;background:rgba(94,62,9,.13);font-size:9px}.approved-account .suspense-account-note svg{width:14px;height:14px}
.approved-account>footer{display:flex;gap:0;margin-top:auto!important;padding:0!important;border-top:1px solid #263650}.approved-account>footer .btn{flex:1;min-width:0;height:43px;padding:6px 7px;border:0!important;border-right:1px solid #263650!important;border-radius:0!important;background:transparent!important;color:#e6edf9!important;font-size:10px}.approved-account>footer .btn:last-child{flex:0 0 48px;margin-left:0!important;border-right:0!important;color:#ff4e54!important}.approved-account>footer .approved-income{color:#7de7aa!important}.approved-account>footer .approved-expense{color:#ff6a70!important}.approved-account>footer .approved-transfer{color:#efbd4f!important}.approved-account>footer .approved-statement{color:#8cb5ff!important}.approved-account>footer .btn svg{width:14px;height:14px;margin-right:4px}
.account-image-editor{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:13px;border:1px solid #31405d;border-radius:12px;background:#101b31}.account-image-editor>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-image-editor small{flex-basis:100%;color:#91a0ba}.account-image-choose{display:inline-flex;align-items:center;gap:6px}.account-image-remove{display:inline-flex;align-items:center;gap:6px}.account-image-editor .approved-account-image.compact{width:98px;height:62px}.settings-account-image{color:#7eb4ff!important}
.approved-statement-popup{position:fixed;inset:0;z-index:1095;display:none;place-items:center;padding:22px}.approved-statement-popup.show{display:grid}.approved-statement-backdrop{position:absolute;inset:0;background:rgba(2,7,18,.78);backdrop-filter:blur(7px)}.approved-statement-window{position:relative;width:min(920px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #314360;border-top:2px solid #d7aa52;border-radius:17px;background:#101c34;box-shadow:0 30px 80px rgba(0,0,0,.48);color:#f6f8ff}.approved-statement-window>header{display:flex;align-items:center;gap:13px;padding:19px 21px;border-bottom:1px solid #283954}.approved-statement-window>header h2{margin:2px 0;font-size:20px}.approved-statement-window>header small,.approved-statement-window>header span{display:block;color:#91a2bf;font-size:11px}.approved-statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#293a55;border-bottom:1px solid #293a55}.approved-statement-summary>div{display:flex;flex-direction:column;padding:14px 20px;background:#111f39}.approved-statement-summary small{color:#91a2bf}.approved-statement-summary strong{font-size:20px}.approved-statement-summary .positive,.approved-statement-window main .positive{color:#55dc91}.approved-statement-summary .negative,.approved-statement-window main .negative{color:#ff6268}.approved-statement-tools{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #293a55}.approved-statement-tools label{flex:1;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #31425f;border-radius:10px;background:#0d182d}.approved-statement-tools label svg{width:16px}.approved-statement-tools input{width:100%;border:0;outline:0;background:transparent;color:#f6f8ff}.approved-statement-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid #344662;border-radius:10px;background:#14223c;color:#fff}.approved-statement-close svg{width:18px}.approved-statement-window main{overflow:auto;padding:0 20px 16px}.approved-statement-window main article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #283954}.approved-statement-window main article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#233653;color:#8ab6ff}.approved-statement-window main article>span.income{color:#5de09a;background:rgba(38,171,105,.13)}.approved-statement-window main article>span.expense{color:#ff6970;background:rgba(213,61,70,.13)}.approved-statement-window main article svg{width:16px}.approved-statement-window main article div{display:flex;flex-direction:column}.approved-statement-window main article small{color:#8fa0be}.approved-statement-window main article b{font-size:13px}
@media(max-width:1450px){.approved-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.approved-metric{height:104px}.approved-investment{grid-template-columns:auto 1fr 1fr}.approved-investment>.approved-spark{display:none}}
@media(max-width:1150px){.approved-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.approved-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-account-grid{grid-template-columns:1fr}.approved-investment{grid-template-columns:auto 1fr;padding:17px}.approved-investment-value{grid-column:2}.approved-account-main{grid-template-columns:1fr minmax(120px,.7fr)}.account-image-editor{grid-template-columns:1fr}.approved-account-image.compact{width:104px;height:65px}.approved-statement-summary{grid-template-columns:1fr}.approved-statement-window{max-height:92vh}.approved-statement-popup{padding:8px}}

/* Always-visible popup close controls with a text fallback if the icon library is delayed. */
.approved-statement-window>header .approved-statement-close{position:relative;width:40px;height:40px;display:grid;place-items:center;margin-left:auto;border:1px solid #5a6b87;border-radius:10px;background:#1a2944;color:#fff;cursor:pointer;flex:0 0 40px}.approved-statement-window>header .approved-statement-close:hover{background:#243653}.approved-statement-window>header .approved-statement-close svg{position:relative;z-index:2;width:19px;height:19px}.approved-statement-window>header .approved-statement-close b{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;font-weight:400;line-height:1}.approved-statement-window>header .approved-statement-close svg~b{display:none}.transfer-history-dialog>header .transfer-history-close{position:relative}.transfer-history-dialog>header .transfer-history-close b{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;font-weight:400}.transfer-history-dialog>header .transfer-history-close svg~b{display:none}

.approved-locked-card{display:flex;align-items:center;gap:12px;min-height:70px;margin-bottom:1rem;padding:10px 13px;border:1px solid #4cbd9e;border-radius:11px;background:linear-gradient(135deg,rgba(31,60,68,.66),rgba(15,27,49,.96));box-shadow:inset 0 0 0 1px rgba(113,224,194,.07)}.approved-locked-card .approved-account-image.compact,.approved-locked-card .approved-account-fallback.compact{width:72px;height:46px;flex:0 0 72px;border-radius:8px}.approved-locked-card>span{display:flex;min-width:0;flex:1;flex-direction:column}.approved-locked-card small{color:#84d8c1;font-size:9px;font-weight:800;letter-spacing:.11em}.approved-locked-card strong{overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.approved-locked-card em{color:#aebbd0;font-size:11px;font-style:normal}.approved-locked-card>svg{width:19px;height:19px;color:#79d8bc;flex:0 0 19px}

/* Model A — Mint Glass: shared popup system for every Tanshar Home module. */
:root{--mint-popup:#76d2bd;--mint-popup-deep:#4fb89f;--mint-popup-soft:rgba(118,210,189,.14);--mint-popup-line:rgba(140,230,208,.35);--mint-popup-surface:rgba(10,24,43,.96);--mint-popup-field:rgba(12,29,51,.92);--mint-popup-text:#f5fbff;--mint-popup-muted:#aebed0}
.modal-backdrop.show{opacity:.76!important;backdrop-filter:blur(8px)}
body[data-signed="1"] .modal-content{overflow:hidden!important;border:1px solid var(--mint-popup-line)!important;border-top:2px solid #9be6d4!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(14,39,56,.98),var(--mint-popup-surface) 42%,rgba(8,20,39,.98))!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 34px rgba(71,185,157,.11)!important;color:var(--mint-popup-text)!important;backdrop-filter:blur(22px) saturate(125%)}
body[data-signed="1"] .modal-header{min-height:64px;padding:15px 18px!important;border:0!important;background:linear-gradient(120deg,#8bd9c8 0%,#70cdb8 62%,#5ebea9 100%)!important;color:#f9ffff!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.18)}
body[data-signed="1"] .modal-header{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important}body[data-signed="1"] .modal-header>.modal-title,body[data-signed="1"] .modal-header>div{min-width:0!important;flex:1 1 auto!important}body[data-signed="1"] .modal-header .btn-close{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;flex:0 0 38px!important;margin:0 0 0 auto!important}
body[data-signed="1"] .modal-header>div{min-width:0}body[data-signed="1"] .modal-title{color:#fff!important;font-size:20px!important;font-weight:800!important;line-height:1.2}body[data-signed="1"] .modal-header p,body[data-signed="1"] .modal-header .text-secondary{color:rgba(5,38,43,.72)!important;font-weight:600}
body[data-signed="1"] .modal-header .btn-close{width:38px;height:38px;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:11px!important;background-color:rgba(7,53,57,.12)!important;background-size:15px!important;opacity:1!important;filter:brightness(0) invert(1);box-shadow:none!important}body[data-signed="1"] .modal-header .btn-close:hover{background-color:rgba(7,53,57,.24)!important;transform:scale(1.03)}
body[data-signed="1"] .modal-body{padding:18px!important;background:transparent!important;color:var(--mint-popup-text)!important;scrollbar-color:#65c7b0 rgba(255,255,255,.06);scrollbar-width:thin}body[data-signed="1"] .modal-footer{gap:10px;padding:13px 18px 16px!important;border-color:rgba(137,203,199,.17)!important;background:rgba(5,17,33,.38)!important}
body[data-signed="1"] .modal-content .form-label,body[data-signed="1"] .modal-content label{color:#dce9f2!important;font-size:12px!important;font-weight:700!important}body[data-signed="1"] .modal-content .form-control,body[data-signed="1"] .modal-content .form-select,body[data-signed="1"] .modal-content .input-group-text{min-height:43px;border:1px solid rgba(132,164,187,.32)!important;border-radius:10px!important;background:var(--mint-popup-field)!important;color:#f6fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}body[data-signed="1"] .modal-content .form-control:focus,body[data-signed="1"] .modal-content .form-select:focus{border-color:#79d6c0!important;box-shadow:0 0 0 3px rgba(104,207,183,.13)!important}body[data-signed="1"] .modal-content .form-control::placeholder{color:#71859d!important}body[data-signed="1"] .modal-content .form-select option{background:#102139;color:#fff}
body[data-signed="1"] .modal-content .btn-primary,body[data-signed="1"] .modal-content .btn-success{border:1px solid rgba(184,255,233,.4)!important;background:linear-gradient(135deg,#85dac7,#60c4ad)!important;color:#062b2c!important;font-weight:800!important;box-shadow:0 8px 22px rgba(65,181,153,.2)!important}body[data-signed="1"] .modal-content .btn-primary:hover,body[data-signed="1"] .modal-content .btn-success:hover{background:linear-gradient(135deg,#9be5d5,#72d0ba)!important;transform:translateY(-1px)}body[data-signed="1"] .modal-content .btn-light{border-color:rgba(141,169,192,.34)!important;background:rgba(16,35,60,.88)!important;color:#e8f2fa!important}
.transfer-note,.report-format-note{border:1px solid rgba(154,139,218,.24)!important;background:rgba(244,240,255,.94)!important;color:#77708f!important}.transfer-note svg,.report-format-note svg{color:#7567c7!important}

.icon-popup,.pantry-barcode-popup,.pantry-action-popup,.entry-grocery-overlay,.account-statement-popup,.approved-statement-popup,.transfer-history-popup,.splitwise-overlay{backdrop-filter:blur(1px)}
.icon-popup-backdrop,.pantry-barcode-backdrop,.pantry-action-backdrop,.entry-grocery-backdrop,.account-statement-backdrop,.approved-statement-backdrop,.transfer-history-backdrop,.splitwise-backdrop{background:rgba(1,8,20,.78)!important;backdrop-filter:blur(9px)!important}
.icon-popup-window,.pantry-barcode-window,.pantry-action-window,.entry-grocery-window,.account-statement-window,.approved-statement-window,.transfer-history-dialog,.splitwise-panel{overflow:hidden!important;border:1px solid var(--mint-popup-line)!important;border-top:2px solid #9be6d4!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(14,39,56,.98),var(--mint-popup-surface) 42%,rgba(8,20,39,.98))!important;color:var(--mint-popup-text)!important;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 34px rgba(71,185,157,.11)!important;backdrop-filter:blur(22px) saturate(125%)}
.icon-popup-window>header,.pantry-barcode-window>header,.pantry-action-window>header,.entry-grocery-window>header,.account-statement-window>header,.approved-statement-window>header,.transfer-history-dialog>header,.splitwise-panel>header{min-height:64px;padding:15px 18px!important;border:0!important;background:linear-gradient(120deg,#8bd9c8 0%,#70cdb8 62%,#5ebea9 100%)!important;color:#fff!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.18)}
.icon-popup-window>header,.pantry-barcode-window>header,.pantry-action-window>header,.entry-grocery-window>header,.account-statement-window>header,.approved-statement-window>header,.transfer-history-dialog>header,.splitwise-panel>header{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important}.icon-popup-window>header>div,.pantry-barcode-window>header>div,.pantry-action-window>header>div,.entry-grocery-window>header>div,.account-statement-window>header>div,.approved-statement-window>header>div,.transfer-history-dialog>header>div,.splitwise-panel>header>h2{min-width:0!important;flex:1 1 auto!important}
.icon-popup-window>header h2,.pantry-barcode-window>header h2,.pantry-action-window>header h2,.entry-grocery-window>header h2,.account-statement-window>header h2,.approved-statement-window>header h2,.transfer-history-dialog>header h2,.splitwise-panel>header h2{color:#fff!important;font-size:20px!important;font-weight:800!important}.icon-popup-window>header p,.pantry-barcode-window>header p,.pantry-action-window>header p,.entry-grocery-window>header p,.account-statement-window>header p,.approved-statement-window>header p,.transfer-history-dialog>header p,.splitwise-panel>header p{color:rgba(5,38,43,.72)!important;font-weight:600!important}
.icon-popup-close,.pantry-barcode-close,.pantry-action-close,.entry-grocery-close,.account-statement-close,.approved-statement-close,.transfer-history-close,.split-close{width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;margin-left:auto!important;padding:0!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:11px!important;background:rgba(7,53,57,.14)!important;color:#fff!important;font-size:25px!important;line-height:1!important;opacity:1!important;cursor:pointer!important}.icon-popup-close:hover,.pantry-barcode-close:hover,.pantry-action-close:hover,.entry-grocery-close:hover,.account-statement-close:hover,.approved-statement-close:hover,.transfer-history-close:hover,.split-close:hover{background:rgba(7,53,57,.27)!important;transform:scale(1.03)}
.icon-popup-close,.pantry-barcode-close,.pantry-action-close,.entry-grocery-close,.account-statement-close,.approved-statement-close,.transfer-history-close,.split-close{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;flex:0 0 38px!important;align-self:center!important;margin:0 0 0 auto!important}
.icon-popup-search,.pantry-barcode-window input,.pantry-action-window input,.pantry-action-window select,.entry-grocery-window input,.entry-grocery-window select,.account-statement-window input,.approved-statement-window input,.transfer-history-dialog input,.splitwise-panel input,.splitwise-panel select,.splitwise-panel textarea{border-color:rgba(132,164,187,.32)!important;background:var(--mint-popup-field)!important;color:#f6fbff!important}.icon-popup-search:focus,.pantry-barcode-window input:focus,.pantry-action-window input:focus,.entry-grocery-window input:focus,.account-statement-window input:focus,.approved-statement-window input:focus,.transfer-history-dialog input:focus,.splitwise-panel input:focus,.splitwise-panel select:focus{border-color:#79d6c0!important;box-shadow:0 0 0 3px rgba(104,207,183,.13)!important;outline:0}
.splitwise-panel>footer,.entry-grocery-window>footer,.pantry-barcode-window>footer{border-color:rgba(137,203,199,.17)!important;background:rgba(5,17,33,.38)!important}.splitwise-panel .btn-primary,.entry-grocery-window .btn-primary,.transfer-history-dialog .btn-primary{border-color:rgba(184,255,233,.4)!important;background:linear-gradient(135deg,#85dac7,#60c4ad)!important;color:#062b2c!important;font-weight:800!important}.splitwise-panel .btn-light,.entry-grocery-window .btn-light,.transfer-history-dialog .btn-light{border-color:rgba(141,169,192,.34)!important;background:rgba(16,35,60,.88)!important;color:#e8f2fa!important}
.approved-locked-card{border-color:#73d2bc!important;background:linear-gradient(135deg,rgba(42,84,85,.72),rgba(13,32,53,.96))!important;box-shadow:inset 0 0 0 1px rgba(132,230,207,.09),0 8px 24px rgba(5,17,32,.22)!important}.approved-locked-card small,.approved-locked-card>svg{color:#8ce0cc!important}
@media(max-width:700px){body[data-signed="1"] .modal-content,.icon-popup-window,.pantry-barcode-window,.pantry-action-window,.entry-grocery-window,.account-statement-window,.approved-statement-window,.transfer-history-dialog,.splitwise-panel{border-radius:17px 17px 0 0!important}body[data-signed="1"] .modal-header,.icon-popup-window>header,.pantry-barcode-window>header,.pantry-action-window>header,.entry-grocery-window>header,.account-statement-window>header,.approved-statement-window>header,.transfer-history-dialog>header,.splitwise-panel>header{padding:13px 15px!important}.modal-title{font-size:18px!important}.approved-locked-card{min-height:66px}.approved-locked-card .approved-account-image.compact{width:62px;height:40px;flex-basis:62px}}