:root{color:#10213f;background:#f3f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #10213f;--muted: #66738a;--line: #dce8f4;--line-strong: #c7d8ec;--surface: #ffffff;--surface-soft: #f8fbff;--surface-2: #edf7ff;--primary: #4c8df7;--primary-deep: #5867d8;--coral: #ff805d;--coral-soft: #fff0e8;--orange: #ff805d;--blue: #2f80ed;--yellow: #f7bf3b;--red: #e5484d;--shadow: 0 18px 48px rgba(34, 88, 148, .11);--shadow-soft: 0 12px 30px rgba(34, 88, 148, .08)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(47,128,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,128,237,.045) 1px,transparent 1px),radial-gradient(circle at 16% 0%,rgba(47,128,237,.12),transparent 30%),linear-gradient(135deg,#f8fbff,#edf7ff 46%,#fff7f2);background-size:28px 28px,28px 28px,auto,auto;color:var(--ink);letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}#root{min-height:100vh}.app-shell{width:min(100%,1180px);min-height:100dvh;margin:0 auto;padding:18px 14px calc(98px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:10px;border:1px solid rgba(220,232,244,.9);border-radius:8px;background:#ffffffdb;box-shadow:0 14px 44px #22589414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;width:46px;height:46px;place-items:center;flex:0 0 auto;border-radius:8px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.15),transparent 42%),linear-gradient(135deg,var(--blue),var(--coral));box-shadow:0 12px 30px #2f80ed42}.brand p,.brand h1{margin:0;min-width:0;overflow-wrap:anywhere}.brand p{color:var(--blue);font-size:12px;font-weight:900}.brand h1{font-size:23px;line-height:1.15;font-weight:950}.icon-button{display:inline-grid;width:44px;height:44px;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffffeb;box-shadow:0 8px 20px #2258940d}.icon-button.light{color:var(--primary-deep);background:var(--surface)}.icon-button:hover,.primary-button:hover,.utility-button:hover,.card-actions button:hover,.member-pills button:hover,.vote-option:hover,.nav-button:hover{transform:translateY(-1px)}.top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sync-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffffd1;font-size:12px;font-weight:900;white-space:nowrap}.sync-chip.shared.ready{color:#245fa9;border-color:#2f80ed3d;background:linear-gradient(180deg,#edf5ff,#e7f0ff)}.sync-chip.saving,.sync-chip.checking{color:#5f4b00;border-color:#f5c5425c;background:#fff8d7}.sync-chip.error,.sync-chip.offline{color:#8d221f;border-color:#ef44443d;background:#fff0ee}.content-shell{display:grid;gap:18px}.today-page{gap:16px}.page-stack{display:grid;gap:18px}.bottom-nav{position:fixed;right:max(12px,calc((100vw - 1180px)/2 + 12px));bottom:calc(14px + env(safe-area-inset-bottom));left:max(12px,calc((100vw - 1180px)/2 + 12px));z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:9px;border:1px solid rgba(220,232,244,.92);border-radius:8px;background:#ffffffe0;box-shadow:0 22px 60px #22589429;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-button{display:grid;min-width:0;min-height:58px;place-items:center;gap:3px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:12px;font-weight:700}.nav-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button.active{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 45%),linear-gradient(135deg,var(--blue),var(--primary-deep));box-shadow:0 10px 24px #2f80ed3d}.today-band,.control-band,.pick-band,.settlement-band{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:8px;color:#f8fbff;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 36%),linear-gradient(135deg,#2f80edf2,#5867d8f5),var(--primary-deep);box-shadow:0 24px 70px #22589433;position:relative;overflow:hidden}.today-band{min-height:214px;align-items:stretch;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#2f80ed,#5867d8 56%,#ff805d)}.today-band:after,.pick-band:after,.settlement-band:after{position:absolute;right:-36px;bottom:-68px;width:220px;height:220px;content:"";background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 66%),repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 2px,transparent 2px 14px);transform:rotate(-8deg);pointer-events:none}.today-band>*,.pick-band>*,.settlement-band>*{position:relative;z-index:1}.today-band h2,.pick-band h3,.settlement-band h3{margin:0;font-size:42px;line-height:1;font-weight:950}.today-band h2{margin-top:6px;font-size:58px;letter-spacing:0}.today-copy{display:flex;min-width:0;max-width:720px;flex-direction:column;justify-content:center}.today-band .muted,.pick-band p,.settlement-band p{color:#f6f8f7c2}.daily-copy-inline{max-width:680px;margin:14px 0 0;padding:10px 13px;border-left:4px solid rgba(247,191,59,.96);border-radius:8px;color:#ffffffe6;background:#ffffff24;line-height:1.6;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weather-plate{display:grid;width:140px;min-width:124px;align-self:center;gap:5px;justify-items:center;padding:16px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff2e;box-shadow:inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weather-plate strong{font-size:30px;color:#fff}.weather-plate span{color:#f6f8f7c7;font-size:15px;font-weight:800}.weather-plate.sun{color:var(--yellow)}.weather-plate.rain{color:#a7d8ff}.weather-plate.cloud{color:#dce8f7}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.today-band .eyebrow,.pick-band .eyebrow,.settlement-band .eyebrow{color:#f6f8f79e}.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workday-grid{display:grid;gap:14px}.workday-card{display:grid;gap:18px;padding:22px;border:1px solid rgba(220,232,244,.92);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workday-card h3,.workday-card p{margin:0}.workday-card h3{font-size:24px;line-height:1.2;font-weight:950}.leave-card{align-items:center}.work-time-list{display:grid;align-content:center;gap:18px}.work-time-row{display:flex;align-items:baseline;gap:16px}.work-time-row span{color:#66738a;font-size:24px;line-height:1.1;font-weight:950}.work-time-row strong{color:var(--ink);font-size:clamp(32px,3vw,42px);line-height:1;font-weight:950;white-space:nowrap}.countdown-grid{display:grid;gap:14px;justify-items:center}.countdown-ring{position:relative;display:grid;width:190px;height:190px;place-items:center;justify-self:center;padding:28px;border-radius:50%;background:conic-gradient(var(--blue) 0 var(--ring-progress),#e8f1ff var(--ring-progress) 100%);box-shadow:0 18px 44px #2f80ed29;text-align:center}.countdown-ring:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;content:"";border-radius:50%;background:#fff}.countdown-ring span,.countdown-ring strong,.countdown-ring small{position:relative;z-index:1}.countdown-ring span{color:var(--ink);font-size:15px;font-weight:950}.countdown-ring strong{color:#7c5ce6;font-size:25px;line-height:1.12;font-weight:950}.countdown-ring small{color:#80662e;font-size:13px;line-height:1.35;font-weight:900}.metric-card,.feature-card,.item-card,.form-panel,.section-block,.balance-card,.daily-copy-card{border:1px solid rgba(220,232,244,.86);border-radius:8px;background:#ffffffeb;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card{display:grid;min-height:150px;gap:10px;padding:16px;position:relative;overflow:hidden}.metric-card:after{position:absolute;inset:auto 14px 13px auto;width:42px;height:42px;content:"";border:1px solid rgba(47,128,237,.08);border-radius:8px;background:linear-gradient(135deg,rgba(47,128,237,.08),transparent);pointer-events:none}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-top span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:var(--primary-deep);background:#edf5ff}.metric-top small{color:var(--muted);font-weight:800}.metric-card strong{font-size:26px;line-height:1.05;font-weight:950}.metric-card p{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.metric-card.good .metric-top span{color:#245fa9;background:#e7f0ff}.metric-card.warm .metric-top span{color:#7c3b20;background:#ffe8dc}.metric-card.money .metric-top span{color:#5f4b00;background:#fff5c7}.progress-track{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#edf5ff}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--blue),var(--yellow))}.daily-copy-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:116px;padding:18px;position:relative;overflow:hidden}.daily-copy-card:after{position:absolute;right:18px;bottom:0;left:18px;height:5px;content:"";background:linear-gradient(90deg,var(--primary),var(--blue),var(--yellow))}.daily-copy-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;color:#8a5c00;background:linear-gradient(135deg,#fff7cf,#e9f7ff)}.daily-copy-card h3,.daily-copy-card p{margin:0}.daily-copy-card h3{font-size:20px;font-weight:950}.daily-copy-card p:not(.eyebrow){margin-top:7px;color:#66738a;line-height:1.65}.section-block,.form-panel{display:grid;gap:16px;padding:18px;position:relative}.section-block:has(.select-control.open),.form-panel:has(.select-control.open),.control-band:has(.select-control.open){z-index:120}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h3,.section-heading p,.feature-card h4,.item-card h4{margin:0}.section-heading h3{font-size:19px;font-weight:950}.text-button,.primary-button,.utility-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;border:0;border-radius:8px;font-weight:800}.text-button{min-height:36px;color:#245fa9;background:#edf5ff;padding:0 10px;border:1px solid rgba(47,128,237,.12)}.primary-button{padding:0 16px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 48%),linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 12px 26px #2f80ed3d}.primary-button.light-primary{color:var(--primary-deep);background:#f8fbff}.feature-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px}.feature-icon,.item-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;color:#245fa9;background:linear-gradient(135deg,#edf5ff,#e7f2ff)}.feature-card p,.item-card p,.note-line{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.score-badge,.count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:28px;padding:0 9px;border-radius:999px;color:#7c3b20;background:#ffe8dc;font-size:12px;font-weight:900;white-space:nowrap}.empty-state{display:grid;min-height:86px;place-items:center;border:1px dashed #c7d8ec;border-radius:8px;color:var(--muted);background:#ffffff75}.offline-shell{min-height:min(640px,calc(100dvh - 120px));place-items:center}.offline-panel{display:grid;width:min(100%,560px);gap:16px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.offline-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:8px;color:#8d221f;background:#fff0ee}.offline-icon.connecting{color:#5f4b00;background:#fff8d7}.offline-panel h2,.offline-panel p{margin:0}.offline-panel h2{font-size:24px}.offline-panel p{color:var(--muted);line-height:1.65}.control-band{display:grid;grid-template-columns:1fr;color:var(--ink);background:#ffffffe6;box-shadow:var(--shadow-soft);overflow:visible}.search-box{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 13px;border:1px solid rgba(220,232,244,.96);border-radius:8px;background:#fff;box-shadow:inset 0 1px #fffc}.search-box input,.add-row input{width:100%;min-width:0;border:0;outline:0;background:transparent}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border:1px solid rgba(220,232,244,.96);border-radius:8px;background:#f2f6ff}.segmented button{min-height:36px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-weight:800}.segmented button.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 8px 18px #2f80ed33}.inline-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}select,input,textarea{width:100%;min-width:0;border:1px solid rgba(220,232,244,.96);border-radius:8px;color:var(--ink);background:#fff;outline:0;box-shadow:inset 0 1px #ffffffe6}.select-control{position:relative;width:100%;min-width:0}.select-control.open{z-index:70}.select-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:46px;gap:10px;padding:0 12px;border:1px solid rgba(220,232,244,.96);border-radius:8px;color:var(--ink);background:#fff;text-align:left;box-shadow:inset 0 1px #ffffffe6}.select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger .select-placeholder{color:#7f8ca3}.select-trigger svg{color:#66738a;transition:transform .16s ease}.select-control.open .select-trigger{border-color:var(--primary);box-shadow:0 0 0 4px #2f80ed1f}.select-control.open .select-trigger svg{transform:rotate(180deg)}.select-trigger:hover{border-color:#2f80ed57;box-shadow:0 8px 18px #2258940f}.select-menu{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:80;display:grid;max-height:238px;gap:4px;overflow:auto;padding:6px;border:1px solid rgba(199,216,236,.98);border-radius:8px;background:#fffffffa;box-shadow:0 18px 46px #22589429;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.select-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:40px;gap:8px;padding:0 10px;border:0;border-radius:7px;color:#10213f;background:transparent;text-align:left;font-weight:850}.select-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option:hover{color:#245fa9;background:#edf5ff}.select-option.active{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 48%),linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 8px 18px #2f80ed38}.select-option.active svg{color:#fff}select,input{min-height:46px;padding:0 12px}textarea{resize:vertical;min-height:84px;padding:11px}input:focus,select:focus,textarea:focus,.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #2f80ed1f}.pick-band{color:#f8fbff;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 42%),linear-gradient(135deg,#ff765bf5,#405384eb),var(--orange)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid label,.form-grid>div{display:grid;gap:7px;min-width:0}.form-grid label span,.field-label{color:#66738a;font-size:13px;font-weight:900}.form-grid>.datetime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.native-picker-field{position:relative;cursor:pointer}.native-picker-face{display:flex;align-items:center;min-height:54px;gap:10px;padding:0 13px;border:1px solid rgba(220,232,244,.96);border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 1px #ffffffe6}.native-picker-face svg{flex:0 0 auto;color:var(--primary)}.native-picker-face strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:950}.native-picker-field input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.native-picker-field:hover .native-picker-face,.native-picker-field:focus-within .native-picker-face{border-color:#2f80ed61;box-shadow:0 0 0 4px #2f80ed1a}.form-grid>.quick-picker-row{display:flex;flex-wrap:wrap;gap:8px}.quick-picker-row button{min-height:36px;padding:0 12px;border:1px solid rgba(220,232,244,.96);border-radius:999px;color:#66738a;background:#fff;font-weight:850}.quick-picker-row button.selected{color:#fff;border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-deep))}.bill-share-preview{padding:14px;border:1px solid rgba(220,232,244,.96);border-radius:8px;background:linear-gradient(135deg,#edf5ff,#fff6f1)}.bill-share-preview span{color:#66738a;font-size:13px;font-weight:900}.bill-share-preview strong{display:block;margin-top:4px;color:#10213f;font-size:28px;font-weight:950}.bill-share-preview small{color:#66738a;font-weight:800}.wide{grid-column:1 / -1}.rating-control{display:flex;gap:7px}.rating-control button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(220,232,244,.96);border-radius:8px;color:#a8b5c8;background:#fff}.rating-control button.active{color:var(--yellow);border-color:#f5c542a6;background:#fff8d7}.card-list{display:grid;gap:12px}.item-card{display:grid;gap:13px;padding:16px;overflow:hidden}.item-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0}.item-main h4{overflow-wrap:anywhere;font-size:16px;font-weight:950}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-row span{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:999px;color:#245fa9;background:#edf5ff;font-size:12px;font-weight:800}.item-meta{display:flex;flex-wrap:wrap;gap:8px;color:#66738a;font-size:13px;font-weight:850}.item-meta span{display:inline-flex;min-height:26px;align-items:center;padding:0 8px;border-radius:999px;background:#f4f7ff}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:38px;gap:7px;padding:0 10px;border:1px solid rgba(220,232,244,.96);border-radius:8px;color:#245fa9;background:#fff;font-weight:800}.card-actions button:hover{border-color:#2f80ed57;box-shadow:0 8px 18px #2258940f}.card-actions.spread{justify-content:flex-start}.comment-list{display:grid;gap:8px;padding:11px;border:1px solid #e3ecf8;border-radius:8px;background:#f8fbff}.comment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-bottom:8px;border-bottom:1px solid #e5edf8}.comment-row:last-child{padding-bottom:0;border-bottom:0}.comment-row strong{margin-right:8px;font-size:13px}.comment-row span{color:var(--muted);font-size:12px;font-weight:700}.comment-row p{margin:4px 0 0;color:var(--ink);line-height:1.55}.comment-row button{display:grid;width:32px;height:32px;place-items:center;border:0;color:var(--red);background:transparent}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.member-pills{display:flex;flex-wrap:wrap;gap:8px}.member-pills button{min-height:38px;padding:0 11px;border:1px solid rgba(220,232,244,.96);border-radius:999px;color:var(--muted);background:#fff;font-weight:800}.member-pills button.selected{color:#fff;border-color:var(--primary-deep);background:linear-gradient(135deg,var(--primary),var(--primary-deep))}.vote-list{display:grid;gap:8px}.vote-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid rgba(220,232,244,.96);border-radius:8px;color:var(--ink);background:#fff;text-align:left}.vote-option span{min-width:0;overflow-wrap:anywhere}.vote-option strong{display:grid;width:26px;height:26px;place-items:center;border-radius:999px;color:var(--primary-deep);background:#e7f0ff}.vote-option.selected{border-color:var(--primary);background:#edf5ff;box-shadow:0 0 0 4px #2f80ed14}.muted-card{opacity:.68}.settlement-band{background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 40%),linear-gradient(135deg,#2f6fedeb,#405384f2),var(--blue)}.settlement-list{display:grid;gap:8px}.settlement-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:0 13px;border:1px solid rgba(220,232,244,.96);border-radius:8px;background:#fff}.settlement-row span{min-width:0;overflow-wrap:anywhere}.settlement-row strong{color:var(--orange);white-space:nowrap}.balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.balance-card{display:grid;gap:6px;min-height:86px;padding:14px}.balance-card span{color:var(--muted);font-weight:800}.balance-card strong{overflow-wrap:anywhere}.positive{color:var(--primary)}.negative{color:var(--orange)}.add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.member-list{display:grid;gap:8px}.member-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid rgba(220,232,244,.96);border-radius:8px;background:#fff}.member-row strong{min-width:0;overflow-wrap:anywhere}.member-row button{display:grid;width:36px;height:36px;place-items:center;border:0;color:var(--red);background:transparent}.member-dot{width:12px;height:12px;border-radius:999px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.utility-button{position:relative;min-width:0;padding:0 10px;border:1px solid rgba(220,232,244,.96);color:#245fa9;background:#fff}.utility-button.danger{color:#8d221f;background:#fff0ee}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.stats-strip{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.stats-strip span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border-radius:999px;background:#edf5ff}@media(min-width:760px){.app-shell{padding:22px 22px 112px}.content-shell{grid-template-columns:1fr}.page-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.today-band,.workday-grid,.control-band,.pick-band,.settlement-band,.section-block,.form-panel,.daily-copy-card{grid-column:span 2}.metric-grid{grid-column:span 2;grid-template-columns:repeat(4,minmax(0,1fr))}.workday-grid{grid-template-columns:1fr}.leave-card{grid-template-columns:minmax(260px,.56fr) minmax(0,1.44fr)}.countdown-grid{grid-template-columns:repeat(2,minmax(0,190px));column-gap:34px;justify-content:start}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .wide{grid-column:1 / -1}.control-band{grid-template-columns:minmax(240px,1fr) minmax(240px,.7fr) auto;align-items:center}.balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1040px){.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;gap:18px}.topbar{grid-column:1 / -1}.bottom-nav{position:sticky;top:92px;right:auto;bottom:auto;left:auto;display:grid;grid-template-columns:1fr;align-self:start;order:1;padding:8px}.nav-button{grid-template-columns:auto minmax(0,1fr);justify-items:start;min-height:48px;padding:0 12px}.content-shell{order:2}}@media(max-width:430px){.top-actions{gap:6px}.sync-chip{max-width:74px;overflow:hidden;padding:0 8px;text-overflow:ellipsis}.today-band,.pick-band,.settlement-band{align-items:stretch;flex-direction:column;padding:18px}.today-band{min-height:0}.weather-plate{grid-template-columns:auto auto 1fr;justify-items:start;width:100%;min-width:0;padding:12px}.today-band h2{font-size:44px}.pick-band h3,.settlement-band h3{font-size:32px}.daily-copy-inline{margin-top:10px;padding:9px 11px;font-size:14px}.form-grid,.form-grid>.datetime-grid,.metric-grid,.balance-grid,.data-grid{grid-template-columns:1fr}.workday-card{padding:17px}.countdown-ring{width:154px;height:154px;margin-top:4px}.inline-actions{grid-template-columns:1fr}.feature-card{grid-template-columns:auto minmax(0,1fr)}.score-badge{grid-column:1 / -1;justify-self:start}.settlement-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.settlement-row strong{grid-column:1 / -1}}