:root{--bg:#f2f4f5;--ink:#13202a;--muted:#71808b;--panel:#fff;--line:#e2e7e9;--lime:#c9ff57;--lime-dark:#98d31d;--nav:#121b24;--orange:#ff7548;--blue:#6f86ff;--shadow:0 16px 45px rgba(28,44,55,.08);font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:var(--nav);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;margin:0 8px 42px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--lime);color:var(--nav);font-size:23px;font-weight:900;display:grid;place-items:center;transform:rotate(-4deg)}.brand b,.brand small{display:block}.brand b{font-size:20px}.brand small{font-size:11px;color:#8f9ba3;letter-spacing:.05em;margin-top:2px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#8f9ba3;border-radius:12px;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:650}.nav-item span{width:24px;font-size:18px}.nav-item:hover,.nav-item.active{background:#24313b;color:#fff}.nav-item.active span{color:var(--lime)}.home-card{margin-top:auto;background:#1b2730;border:1px solid #2d3a43;border-radius:16px;padding:14px;display:flex;gap:10px}.home-emoji{font-size:23px}.home-card small,.home-card strong,.home-card div span{display:block}.home-card small,.home-card div span{color:#8f9ba3;font-size:11px}.home-card strong{font-size:13px;margin:3px 0}.avatars{display:flex;align-items:center;margin:16px 5px 0}.avatar,.invite{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;border:2px solid var(--nav);margin-left:-5px}.a1{background:#ffe1c8;color:#a04b14}.a2{background:#dce4ff;color:#344cba}.a3{background:#d7f3e8;color:#276d52}.a4{background:var(--lime);color:#44590f}.invite{background:#293741;color:#b9c3c9;border-color:var(--nav)}main{min-width:0;padding:0 42px 56px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:28px;margin:5px 0 0;letter-spacing:-.03em}.eyebrow{margin:0;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn,.primary-btn,.secondary-btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800}.icon-btn{width:44px;height:44px;padding:0;background:#fff;position:relative}.icon-btn i{position:absolute;right:-3px;top:-5px;background:var(--orange);color:#fff;font-size:10px;font-style:normal;border-radius:10px;padding:2px 5px}.primary-btn{background:var(--nav);color:#fff}.primary-btn:hover{background:var(--lime);color:var(--nav)}.secondary-btn{background:#fff;color:var(--ink);border:1px solid var(--line)}.secondary-btn:hover{border-color:var(--ink)}.view{display:none}.view.active{display:block}.status-strip{background:#e4f6b7;border:1px solid #d2ea94;padding:14px 18px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.status-strip div{display:flex;align-items:center;gap:10px}.status-strip small{color:#64714d}.status-strip button,.card-head button{border:0;background:transparent;font-weight:800;color:var(--ink)}.pulse{width:10px;height:10px;background:#70a804;border-radius:50%;box-shadow:0 0 0 5px rgba(112,168,4,.15)}.summary-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.summary-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.summary-card{padding:21px;min-height:190px}.summary-card.money{background:var(--nav);color:#fff}.card-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800}.money .card-head button{color:#aab5bd}.money-total{display:block;font-size:42px;margin:18px 0 22px;letter-spacing:-.04em}.settle-row{display:flex;align-items:end;justify-content:space-between}.settle-row span b,.settle-row span small{display:block}.settle-row span small{color:#8f9ba3;font-size:11px;margin-top:3px}.settle-row button{background:var(--lime);border:0;border-radius:9px;padding:9px 13px;font-weight:850}.task-person{display:flex;align-items:center;gap:10px;margin:25px 0 23px}.task-person .avatar{width:42px;height:42px;border:0;margin:0}.task-person strong,.task-person small{display:block}.task-person small{color:var(--muted);font-size:11px;margin-top:4px}.progress{height:7px;background:#edf0f1;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--lime-dark);border-radius:10px}.subtle{font-size:11px;color:var(--muted)}.supply-mini{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.supply-mini:last-child{border:0}.supply-mini span{font-size:20px}.supply-mini strong,.supply-mini small{display:block}.supply-mini small{color:var(--muted);font-size:11px}.supply-mini em{font-size:10px;font-style:normal;color:#b14120;background:#fff0e9;padding:5px 7px;border-radius:20px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.panel{padding:24px}.section-head{display:flex;justify-content:space-between;align-items:start}.section-head h2,.section-toolbar h2{margin:5px 0 0;font-size:21px}.section-head>strong{font-size:20px}.section-head>strong small{color:#55a133;font-size:11px}.bar-chart{height:176px;display:flex;align-items:end;gap:28px;padding:20px 16px 28px;border-bottom:1px solid var(--line)}.bar-chart span{height:var(--h);flex:1;background:#dce2e5;border-radius:8px 8px 2px 2px;position:relative;min-width:22px}.bar-chart span.current{background:var(--lime-dark)}.bar-chart span i{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--muted)}.legend{display:flex;gap:20px;margin-top:16px;color:var(--muted);font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.rent{background:var(--nav)}.utility{background:var(--lime-dark)}.daily{background:var(--orange)}.timeline{list-style:none;padding:0;margin:18px 0 0}.timeline li{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline .avatar{border:0;margin:0;flex:none}.timeline p{margin:0}.timeline b,.timeline small{display:block;font-size:12px}.timeline small{color:var(--muted);margin-top:3px}.section-toolbar{display:flex;justify-content:space-between;align-items:end;margin:8px 0 25px}.section-toolbar h2{font-size:30px}.balance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.balance-row div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.balance-row small,.balance-row strong{display:block}.balance-row small{color:var(--muted)}.balance-row strong{font-size:25px;margin-top:5px}.positive{color:#61960a}.table-panel{padding:4px 20px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:17px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.badge{display:inline-block;padding:5px 8px;border-radius:12px;font-size:10px;background:#eef2f3}.badge.pending{background:#fff0e9;color:#ad4525}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rota-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:210px}.rota-card.today{background:var(--nav);color:#fff}.rota-card header{display:flex;justify-content:space-between}.rota-card header span{font-size:12px;color:var(--muted)}.rota-card.today header span{color:#aab5bd}.rota-card h3{margin:28px 0 8px}.rota-card p{font-size:12px;color:var(--muted);line-height:1.7}.rota-card button{border:0;background:var(--lime);padding:8px 11px;border-radius:8px;font-weight:800}.rota-card.done{opacity:.62}.supply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.supply-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.supply-card .supply-icon{font-size:30px}.supply-card h3{margin:16px 0 4px}.stock-line{display:flex;justify-content:space-between;align-items:end;margin-top:24px}.stock-line strong{font-size:28px}.stock-line small{color:var(--muted)}.stock-line button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.low-stock{color:var(--orange)}.rules-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.rules-list{display:grid;gap:14px}.rule-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:12px}.rule-card h3{margin:0 0 8px}.rule-card p{margin:0;color:var(--muted);font-size:13px}.confirm-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.confirm-row button{border:0;background:var(--lime);border-radius:8px;padding:7px 10px;font-weight:800}.rule-note{background:var(--nav);color:#fff;border-radius:18px;padding:26px;height:max-content}.rule-note span{color:var(--lime);font-size:12px;font-weight:800}.rule-note strong{display:block;font-size:48px;margin:18px 0}.rule-note p{color:#aab5bd;font-size:13px;line-height:1.8}dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(13,20,25,.62);backdrop-filter:blur(5px)}dialog form{padding:30px;position:relative}dialog h2{margin:7px 0 25px}label{display:grid;gap:7px;font-size:12px;font-weight:750;margin:14px 0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8faf9;color:var(--ink)}textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:0;padding:5px 0 18px;margin:0}fieldset legend{font-size:12px;font-weight:800;margin-bottom:8px}fieldset label{display:inline-flex;align-items:center;gap:5px;margin:6px 12px 6px 0}fieldset input{width:auto}.dialog-close{position:absolute;right:20px;top:18px;border:0;background:transparent;font-size:24px}.wide{width:100%}.toast{position:fixed;right:28px;bottom:28px;background:var(--nav);color:#fff;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:980px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:22px 13px}.brand span:last-child,.nav-item:not(.active){font-size:0}.brand{margin-left:5px}.nav-item{justify-content:center}.nav-item span{font-size:19px}.home-card,.avatars{display:none}.summary-grid{grid-template-columns:1fr 1fr}.summary-card.money{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.week-grid,.supply-grid{grid-template-columns:repeat(2,1fr)}.rules-layout{grid-template-columns:1fr}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;width:auto;height:66px;padding:7px 10px;display:block}.brand,.home-card,.avatars{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-item,.nav-item:not(.active){font-size:9px;padding:8px 2px;display:grid;justify-items:center;gap:2px}.nav-item span{font-size:16px}.nav-item.active{background:#293741}main{padding:0 15px 90px}.topbar{height:92px}.topbar h1{font-size:22px}.icon-btn{display:none}.primary-btn{padding:11px 13px}.status-strip{align-items:start}.status-strip div{align-items:start;flex-wrap:wrap}.status-strip small{width:100%;margin-left:20px}.summary-grid,.dashboard-grid,.balance-row,.week-grid,.supply-grid{grid-template-columns:1fr}.summary-card.money{grid-column:auto}.bar-chart{gap:14px}.section-toolbar h2{font-size:24px}.table-panel{overflow:auto}.rules-layout{grid-template-columns:1fr}.rule-note{display:none}.rule-card{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}