:root{--ink:#342f32;--ink-soft:#6f686a;--muted:#9a9091;--cream:#fffaf5;--paper:#ffffffe6;--line:#eee2dc;--peach:#f4a786;--peach-deep:#d66f52;--peach-soft:#fff0e8;--rose:#e6939d;--rose-soft:#fff0f2;--mint:#75bba7;--mint-deep:#3d8e7b;--mint-soft:#e9f7f1;--butter:#e8be68;--butter-soft:#fff6dc;--lavender:#a99acb;--lavender-soft:#f3effb;--shadow:0 20px 60px #6347401a;--shadow-soft:0 10px 30px #63474012;--radius-xl:30px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 6% 4%,#ffcdb947,#0000 28rem),radial-gradient(circle at 94% 16%,#b7e0d338,#0000 30rem),#fffaf6;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #e07b5b47}.eyebrow{color:var(--peach-deep);letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}.primary-button,.secondary-button,.danger-button,.back-button,.icon-button,.text-button,.brand-button{cursor:pointer;border:0}.primary-button,.secondary-button,.danger-button{border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#e99070,#db765b);box-shadow:0 10px 24px #cf684c38}.primary-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button{background:#fff;border:1px solid #eadbd4}.danger-button{color:#fff;background:#d4545c}.danger-button.soft{color:#c24d55;background:var(--rose-soft);border:1px solid #f0c8cc}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.spinner-wrap{align-items:center;gap:8px;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite rotate}.spin{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.notice{border:1px solid;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.notice>span{flex:1}.notice button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.notice-success{color:#347b69;background:#f0faf6;border-color:#bfe2d6}.notice-error{color:#b04b53;background:#fff4f4;border-color:#f0c6cb}.floating-notice{z-index:100;filter:drop-shadow(0 15px 28px #3d2b2824);width:min(650px,100vw - 32px);position:fixed;top:20px;left:50%;transform:translate(-50%)}.login-page{place-items:center;min-height:100vh;padding:36px;display:grid;position:relative;overflow:hidden}.login-orb{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.login-orb-peach{background:#ffccb761;width:390px;height:390px;top:-180px;left:-120px}.login-orb-mint{background:#b8e2d357;width:440px;height:440px;bottom:-190px;right:-180px}.login-shell{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ebdad0eb;border-radius:36px;grid-template-columns:.88fr 1.12fr;width:min(1080px,100%);min-height:710px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 100px #67493f24}.login-story{color:#fff;background:linear-gradient(145deg,#ffffff54,#0000 55%),linear-gradient(160deg,#f9b497,#ee907b 62%,#e58478);min-height:100%;padding:66px 54px;position:relative;overflow:hidden}.story-mark{color:#db765f;background:#ffffffe0;border-radius:18px;place-items:center;width:50px;height:50px;margin-bottom:46px;display:grid;box-shadow:0 12px 28px #78443826}.login-story .eyebrow{color:#ffffffc2}.login-story h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,51px);line-height:1.22}.login-story>p:not(.eyebrow){color:#ffffffd4;max-width:390px;margin:24px 0 0;font-size:16px;line-height:1.9}.story-chips{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.story-chips span{color:#ffffffeb;background:#ffffff1f;border:1px solid #ffffff45;border-radius:99px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:inline-flex}.family-illustration{width:270px;height:180px;position:absolute;bottom:-8px;right:-15px}.illustration-circle{background:#ffffff29;border-radius:50%;position:absolute}.circle-one{width:155px;height:155px;bottom:0;right:0}.circle-two{width:88px;height:88px;bottom:18px;left:20px}.illustration-home{clip-path:polygon(50% 0,100% 38%,100% 100%,0 100%,0 38%);color:#e57f6c;background:#ffffffeb;place-items:center;width:92px;height:76px;padding-top:18px;font-size:24px;display:grid;position:absolute;bottom:32px;right:72px}.login-card{align-self:center;padding:58px 72px 46px}.mobile-brand{display:none}.login-card h2{letter-spacing:-.04em;margin:0;font-size:38px}.login-lead{color:var(--ink-soft);margin:10px 0 26px}.role-switch{background:#fbf5f1;border:1px solid #efe3dd;border-radius:21px;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:22px;padding:6px;display:grid}.role-switch button{text-align:left;min-height:96px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;padding:14px;display:grid}.role-switch button>span{color:#966d61;background:#f2e6df;border-radius:14px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.role-switch button strong{align-self:end;padding-left:12px;font-size:16px}.role-switch button small{color:var(--muted);padding:2px 0 0 12px}.role-switch button.active{color:var(--ink);box-shadow:var(--shadow-soft);background:#fff;border-color:#eccfc3}.role-switch button.active>span{color:#fff;background:linear-gradient(135deg, var(--peach), var(--peach-deep))}.login-card .notice{margin-bottom:16px}.login-form{gap:16px;display:grid}.login-form label,.field{gap:8px;display:grid}.login-form label>span:first-child,.field>span:first-child{color:#5a5254;font-size:14px;font-weight:720}.input-shell{color:#aa9b98;background:#fff;border:1px solid #e8ddd8;border-radius:15px;align-items:center;gap:12px;height:54px;padding:0 16px;transition:border-color .16s,box-shadow .16s;display:flex}.input-shell:focus-within{border-color:#e29a83;box-shadow:0 0 0 4px #e4947a1f}.input-shell input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:0}.login-submit{width:100%;margin-top:4px}.register-toggle{width:100%;color:var(--peach-deep);background:0 0;margin-top:18px;font-weight:700}.login-footnote{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:23px 0 0;font-size:12px;display:flex}.boot-screen{min-height:100vh;color:var(--peach-deep);place-content:center;justify-items:center;gap:12px;display:grid}.boot-screen>span{background:var(--peach-soft);border-radius:20px;place-items:center;width:58px;height:58px;display:grid}.boot-screen p{color:var(--ink-soft);margin:0}.app-page,.editor-page,.detail-page{background:#fffaf6b3;min-height:100vh}.topbar,.editor-topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfae0;border-bottom:1px solid #ebded8e6;justify-content:space-between;align-items:center;min-height:78px;padding:12px max(28px,50vw - 660px);display:flex;position:sticky;top:0}.brand-button{background:0 0;align-items:center;gap:11px;padding:0;font-size:18px;display:inline-flex}.brand-button>span{color:#fff;background:linear-gradient(135deg, var(--peach), var(--rose));border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.topbar-actions{align-items:center;gap:9px;display:flex}.icon-button{color:#817679;background:#fff;border:1px solid #ebdfd9;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.logout-button{color:#bd5f63}.user-chip{background:#fff;border:1px solid #ebdfd9;border-radius:16px;align-items:center;gap:10px;height:50px;padding:5px 13px 5px 5px;display:flex}.avatar{border-radius:13px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.avatar-family{color:#a45f50;background:var(--peach-soft)}.avatar-approver{color:#3a806f;background:var(--mint-soft)}.user-chip>span:last-child{line-height:1.2;display:grid}.user-chip strong{font-size:13px}.user-chip small{color:var(--muted);margin-top:3px;font-size:11px}.page-content,.editor-content,.detail-content{width:min(1320px,100% - 56px);margin:0 auto;padding:46px 0 70px}.welcome-row{justify-content:space-between;align-items:end;gap:30px;display:flex}.welcome-row h1,.editor-heading h1,.detail-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,42px)}.welcome-row>div>p:last-child,.editor-heading>div>p:last-child{color:var(--ink-soft);margin:10px 0 0;line-height:1.7}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;display:grid}.metric-card{border-radius:var(--radius-lg);text-align:left;background:var(--paper);min-height:156px;box-shadow:var(--shadow-soft);cursor:pointer;border:1px solid #eee1db;align-items:flex-start;gap:16px;padding:24px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.metric-card:after{content:"";background:var(--tone-soft);border-radius:50%;width:105px;height:105px;position:absolute;top:-36px;right:-36px}.metric-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.tone-peach{--tone:var(--peach-deep);--tone-soft:var(--peach-soft)}.tone-butter{--tone:#b57a20;--tone-soft:var(--butter-soft)}.tone-mint{--tone:var(--mint-deep);--tone-soft:var(--mint-soft)}.tone-lavender{--tone:#7763a5;--tone-soft:var(--lavender-soft)}.metric-icon{width:48px;height:48px;color:var(--tone);background:var(--tone-soft);border-radius:16px;flex:0 0 48px;place-items:center;display:grid}.metric-copy{min-width:0;display:grid}.metric-copy small{color:var(--ink-soft);font-size:13px}.metric-copy strong{letter-spacing:-.035em;margin-top:7px;font-size:25px}.metric-copy>span{color:var(--muted);margin-top:10px;font-size:12px}.metric-arrow{color:#b5a9a7;margin:4px 0 0 auto}.records-card,.form-card,.detail-card,.side-card{box-shadow:var(--shadow-soft);background:#ffffffe6;border:1px solid #ecdfd9}.records-card{border-radius:var(--radius-xl);margin-top:22px;overflow:hidden}.records-heading{justify-content:space-between;align-items:end;gap:20px;padding:28px 30px 20px;display:flex}.records-heading h2{margin:0;font-size:23px}.search-box{color:#a89b99;background:#fffdfb;border:1px solid #eadfd9;border-radius:14px;align-items:center;gap:10px;width:min(370px,100%);height:46px;padding:0 15px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}.filter-tabs{border-bottom:1px solid #eee4df;gap:28px;padding:0 30px;display:flex;overflow-x:auto}.filter-tabs button{white-space:nowrap;color:#81777a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:50px;padding:0;font-weight:700;display:inline-flex;position:relative}.filter-tabs button:after{content:"";background:0 0;border-radius:9px 9px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.filter-tabs button.active{color:var(--peach-deep)}.filter-tabs button.active:after{background:var(--peach)}.filter-tabs button span{background:#f5efec;border-radius:99px;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:11px;display:grid}.records-list{content-visibility:auto}.record-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1e8e4;grid-template-columns:48px minmax(220px,1fr) 100px 130px 22px;align-items:center;gap:16px;width:100%;min-height:98px;padding:18px 30px;display:grid}.record-row:last-child{border-bottom:0}.record-row:hover{background:#fffaf7}.record-avatar{color:#9f5f51;background:var(--peach-soft);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.record-main,.record-title{min-width:0}.record-main{gap:8px;display:grid}.record-title{align-items:center;gap:10px;display:flex}.record-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-meta,.record-count{color:var(--muted);font-size:12px;line-height:1.65}.record-amount{text-align:right;font-size:17px}.record-chevron{color:#b6aaa7}.status-pill{white-space:nowrap;border:1px solid;border-radius:99px;justify-content:center;align-items:center;min-height:27px;padding:4px 10px;font-size:12px;font-weight:750;display:inline-flex}.status-draft{color:#827679;background:#f7f3f1;border-color:#ded6d2}.status-pending{color:#a76e1e;background:var(--butter-soft);border-color:#ecd292}.status-approved{color:#347b69;background:var(--mint-soft);border-color:#bce1d4}.status-returned{color:#b24d56;background:var(--rose-soft);border-color:#efc6ca}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:290px;padding:40px 20px;display:grid}.empty-icon{width:62px;height:62px;color:var(--peach-deep);background:var(--peach-soft);border-radius:22px;place-items:center;margin-bottom:15px;display:grid}.empty-state strong{font-size:17px}.empty-state p{color:var(--muted);margin:8px 0 0}.record-skeletons{padding:12px 30px}.record-skeletons span{background:linear-gradient(90deg,#faf5f2,#fff,#faf5f2) 0 0/200% 100%;border-radius:16px;height:78px;margin:8px 0;animation:1.5s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.editor-topbar{padding-top:13px;padding-bottom:13px}.back-button{color:#6f6567;background:0 0;border-radius:13px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.back-button:hover{background:#f7efeb}.editor-total{justify-items:end;display:grid}.editor-total small{color:var(--muted)}.editor-total strong{margin-top:2px;font-size:20px}.editor-content,.detail-content{width:min(1120px,100% - 56px)}.editor-heading{align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.section-icon{border-radius:19px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.section-icon.peach{color:var(--peach-deep);background:var(--peach-soft)}.section-icon.mint{color:var(--mint-deep);background:var(--mint-soft)}.section-icon.lavender{color:#7561a4;background:var(--lavender-soft)}.editor-content>.notice,.detail-content>.notice{margin:0 0 18px}.form-card{border-radius:var(--radius-lg);margin-top:18px;padding:28px}.form-section-title{align-items:center;gap:13px;display:flex}.form-section-title h2{margin:0;font-size:20px}.form-section-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.number-badge{color:#b35f49;background:var(--peach-soft);border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.number-badge.mint{color:var(--mint-deep);background:var(--mint-soft)}.number-badge.lavender{color:#7561a4;background:var(--lavender-soft)}.field{min-width:0}.field>span:first-child{align-items:center;gap:6px;display:flex}.field small{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fffefc;border:1px solid #e6dcd7;border-radius:14px;outline:0;transition:border-color .16s,box-shadow .16s}.field input,.field select{height:48px;padding:0 14px}.field textarea{resize:vertical;min-height:104px;padding:13px 14px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#df9a83;box-shadow:0 0 0 4px #e2967e1c}.reason-card .field{margin-top:22px}.upload-zone{text-align:center;cursor:pointer;background:#fffaf7;border:1.5px dashed #d9b8aa;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:210px;margin-top:22px;transition:border-color .16s,background .16s;display:flex}.upload-zone:hover{border-color:var(--peach-deep);background:var(--peach-soft)}.upload-zone.disabled{opacity:.5;cursor:not-allowed}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute}.upload-zone>span{width:58px;height:58px;color:var(--peach-deep);background:var(--peach-soft);border-radius:20px;place-items:center;display:grid}.upload-zone strong{font-size:16px}.upload-zone small{color:var(--muted)}.receipt-previews,.detail-receipts{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.receipt-preview,.detail-receipt{aspect-ratio:1.15;background:#f8f4f1;border:1px solid #eadfd9;border-radius:16px;position:relative;overflow:hidden}.receipt-preview img,.detail-receipt img{object-fit:cover}.file-placeholder{color:#aa9da0;place-items:center;width:100%;height:100%;display:grid}.receipt-file-name,.detail-receipt small{color:#fff;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3a2e2dad;border-radius:9px;max-width:calc(100% - 12px);padding:6px 9px;font-size:11px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.receipt-preview>button{z-index:2;color:#fff;cursor:pointer;background:#d8535c;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 5px 14px #75262b33}.check-row{cursor:pointer;background:#fffdfb;border:1px solid #eadfd9;border-radius:16px;align-items:center;gap:11px;min-height:68px;margin-top:15px;padding:12px 15px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--peach-deep)}.check-row>span{gap:3px;display:grid}.check-row strong{font-size:14px}.check-row small{color:var(--muted);font-size:12px}.check-row.compact{min-height:50px;margin-top:12px}.form-card-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.expense-items{gap:16px;margin-top:22px;display:grid}.expense-item{background:#fffdfb;border:1px solid #eadfd9;border-radius:18px;overflow:hidden}.expense-item>header{background:#fcf7f4;border-bottom:1px solid #eee3df;justify-content:space-between;align-items:center;min-height:48px;padding:0 18px;font-weight:750;display:flex}.expense-item>header button{color:#c44f56;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px;display:inline-flex}.field-grid{grid-template-columns:1fr 1fr;gap:18px;padding:20px;display:grid}.full-field{grid-column:1/-1}.money-input{display:block;position:relative}.money-input b{z-index:1;color:#a59694;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.money-input input{padding-left:35px}.add-detail-mobile{display:none}.editor-actions,.detail-actions{min-height:88px;box-shadow:var(--shadow);background:#fffffff0;border:1px solid #eadfd9;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:16px 20px;display:flex}.editor-actions>div{display:grid}.editor-actions>div small{color:var(--muted)}.editor-actions>div strong{margin-top:3px;font-size:24px}.action-buttons{gap:10px;display:flex}.detail-hero{box-shadow:var(--shadow-soft);background:linear-gradient(125deg,#fff6ef,#fffdf9 48%,#f2faf6);border:1px solid #eddfd9;border-radius:28px;justify-content:space-between;align-items:center;gap:30px;padding:32px;display:flex}.detail-hero>div:first-child>p:last-child{color:var(--ink-soft);margin:12px 0 0}.hero-amount{flex:none;justify-items:end;display:grid}.hero-amount small{color:var(--muted)}.hero-amount strong{letter-spacing:-.05em;margin-top:5px;font-size:36px}.hero-amount span{color:var(--ink-soft);margin-top:6px;font-size:12px}.detail-content>.notice{margin-top:16px}.detail-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;margin-top:18px;display:grid}.detail-main{gap:18px;display:grid}.detail-card{border-radius:var(--radius-lg);padding:25px}.detail-card-title{align-items:center;gap:13px;display:flex}.detail-card-title .section-icon{border-radius:16px;flex-basis:46px;width:46px;height:46px}.detail-card-title h2{margin:0;font-size:19px}.detail-card-title p{color:var(--muted);margin:3px 0 0;font-size:12px}.detail-items{gap:10px;margin-top:20px;display:grid}.detail-item{background:#fffdfb;border:1px solid #eee3de;border-radius:16px;grid-template-columns:36px minmax(150px,1fr) 120px 110px;align-items:center;gap:12px;min-height:76px;padding:13px 15px;display:grid}.detail-item-number{color:#a55f4e;background:var(--peach-soft);border-radius:11px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.detail-item>div{gap:3px;min-width:0;display:grid}.detail-item>div span,.detail-item>div small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.detail-date{color:var(--ink-soft);align-items:center;gap:5px;font-size:12px;display:inline-flex}.detail-item-amount{text-align:right}.detail-receipts{grid-template-columns:repeat(3,1fr)}.detail-receipt{text-decoration:none}.no-receipts{min-height:120px;color:var(--muted);border:1px dashed #ded2cc;border-radius:16px;place-content:center;justify-items:center;gap:7px;margin-top:18px;display:grid}.detail-side{gap:14px;display:grid;position:sticky;top:96px}.side-card{border-radius:20px;padding:22px}.side-icon{width:44px;height:44px;color:var(--peach-deep);background:var(--peach-soft);border-radius:15px;place-items:center;margin-bottom:14px;display:grid}.side-card>small{color:var(--muted);display:block}.side-card>strong{margin-top:4px;font-size:18px;display:block}.side-card>p{color:var(--muted);margin:4px 0 0;font-size:12px}.detail-summary{gap:15px;display:grid}.detail-summary>div{border-bottom:1px solid #eee4df;gap:5px;padding-bottom:14px;display:grid}.detail-summary>div:last-child{border-bottom:0;padding-bottom:0}.detail-summary span{color:var(--muted);font-size:12px}.detail-summary strong{font-size:13px}.timeline{border-left:1px solid #e7dcd7;margin:23px 0 0 10px}.timeline-row{min-height:62px;padding:0 0 20px 24px;position:relative}.timeline-row:last-child{padding-bottom:0}.timeline-dot{background:var(--peach);border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:3px;left:-7px;box-shadow:0 0 0 1px #e6c7bb}.event-approved .timeline-dot{background:var(--mint)}.event-returned .timeline-dot{background:var(--rose)}.timeline-row>div{gap:4px;display:grid}.timeline-row strong{font-size:14px}.timeline-row span{color:var(--muted);font-size:11px}.timeline-row p{color:var(--ink-soft);background:#faf5f2;border-radius:10px;margin:3px 0 0;padding:9px 11px;font-size:13px;line-height:1.6}.timeline-empty{color:var(--muted)}.detail-actions{z-index:10;justify-content:flex-end;position:sticky;bottom:14px}.detail-actions>span:first-child{margin-right:auto}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#322a2a75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.decision-modal{background:#fff;border:1px solid #eddfd8;border-radius:25px;width:min(620px,100%);overflow:hidden;box-shadow:0 30px 100px #32222047}.decision-modal>header{border-bottom:1px solid #eee2dc;grid-template-columns:48px 1fr 36px;align-items:center;gap:12px;padding:22px 24px;display:grid}.decision-modal>header>span{width:46px;height:46px;color:var(--mint-deep);background:var(--mint-soft);border-radius:16px;place-items:center;display:grid}.decision-return>header>span{color:#b74d55;background:var(--rose-soft)}.decision-modal h2{margin:0;font-size:20px}.decision-modal header p{color:var(--muted);margin:4px 0 0;font-size:12px}.decision-modal header button{cursor:pointer;background:#f7f2ef;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.decision-body{padding:22px 24px}.decision-hint{color:var(--ink-soft);background:#faf6f3;border-radius:12px;align-items:center;gap:8px;margin:14px 0 0;padding:11px 12px;font-size:12px;display:flex}.decision-modal>footer{background:#fffcfa;border-top:1px solid #eee2dc;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}@media (max-width:1040px){.login-card{padding-left:45px;padding-right:45px}.metrics-grid{grid-template-columns:1fr 1fr}.record-row{grid-template-columns:46px minmax(180px,1fr) 95px 115px 18px;padding-left:22px;padding-right:22px}.detail-grid{grid-template-columns:1fr}.detail-side{grid-template-columns:1fr 1fr;position:static}}@media (max-width:760px){:root{--radius-xl:22px;--radius-lg:18px}.login-page{padding:0;display:block}.login-shell{background:#ffffffeb;border:0;border-radius:0;min-height:100vh;display:block}.login-story{display:none}.login-card{flex-direction:column;justify-content:center;min-height:100vh;padding:34px 22px 32px;display:flex}.mobile-brand{color:var(--peach-deep);align-items:center;gap:8px;margin-bottom:46px;font-weight:800;display:flex}.login-card h2{font-size:33px}.role-switch button{grid-template-columns:36px 1fr;min-height:90px}.role-switch button>span{border-radius:12px;width:36px;height:36px}.role-switch button strong,.role-switch button small{padding-left:9px}.login-footnote{text-align:center}.topbar,.editor-topbar{min-height:66px;padding:9px 16px}.brand-button strong{font-size:16px}.brand-button>span{width:38px;height:38px}.user-chip{background:0 0;border:0;padding-right:4px}.user-chip>span:last-child{display:none}.topbar-actions{gap:5px}.icon-button{width:38px;height:38px}.page-content,.editor-content,.detail-content{width:calc(100% - 28px);padding:28px 0 45px}.welcome-row{flex-direction:column;align-items:stretch;gap:18px}.welcome-row .primary-button{width:100%}.welcome-row h1{font-size:30px}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.metric-card{grid-template-columns:39px 1fr;gap:10px;min-height:142px;padding:16px;display:grid}.metric-icon{border-radius:13px;flex-basis:39px;width:39px;height:39px}.metric-copy strong{font-size:clamp(18px,5.4vw,23px)}.metric-copy>span{font-size:10px}.metric-arrow{display:none}.records-card{margin-top:14px}.records-heading{flex-direction:column;align-items:stretch;padding:22px 18px 15px}.search-box{width:100%}.filter-tabs{gap:22px;padding:0 18px}.record-row{grid-template-columns:40px 1fr auto;gap:10px;min-height:110px;padding:16px 18px}.record-avatar{border-radius:13px;width:40px;height:40px}.record-main{grid-column:2/4}.record-count{display:none}.record-amount{text-align:left;grid-column:2}.record-chevron{grid-column:3}.record-title{flex-direction:column-reverse;align-items:flex-start;gap:5px}.record-title strong{max-width:100%}.floating-notice{width:calc(100vw - 20px);top:10px}.editor-total small{display:none}.editor-heading{gap:12px}.editor-heading h1{font-size:28px}.section-icon{border-radius:16px;flex-basis:46px;width:46px;height:46px}.form-card{padding:20px 16px}.form-section-title{align-items:flex-start}.form-section-title p{line-height:1.5}.reason-card .field{margin-top:18px}.upload-zone{min-height:185px;padding:22px 16px}.upload-zone small{line-height:1.6}.receipt-previews{grid-template-columns:1fr 1fr}.form-card-heading{align-items:flex-start}.form-card-heading>.secondary-button{display:none}.field-grid{grid-template-columns:1fr;gap:15px;padding:16px}.full-field{grid-column:auto}.add-detail-mobile{width:100%;min-height:46px;color:var(--peach-deep);background:#fff9f5;border:1px dashed #dcbcab;border-radius:14px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-weight:700;display:flex}.editor-actions{z-index:10;flex-direction:column;align-items:stretch;padding:14px;position:sticky;bottom:8px}.editor-actions>div{justify-content:space-between;align-items:center;display:flex}.action-buttons{grid-template-columns:.78fr 1.22fr;display:grid}.action-buttons button{padding:0 12px}.detail-hero{flex-direction:column;align-items:flex-start;padding:23px 20px}.detail-hero h1{font-size:27px}.hero-amount{border-top:1px solid #eadfd9;grid-template-columns:1fr auto;place-items:end start;width:100%;padding-top:17px}.hero-amount strong{grid-area:1/2/3;font-size:30px}.hero-amount span{grid-column:1}.detail-card{padding:20px 16px}.detail-item{grid-template-columns:32px 1fr auto}.detail-date{grid-column:2}.detail-item-amount{grid-area:1/3}.detail-receipts{grid-template-columns:1fr 1fr}.detail-side{grid-template-columns:1fr}.detail-actions{padding:12px;bottom:7px}.detail-actions .primary-button,.detail-actions .danger-button{flex:1;padding:0 12px}.modal-backdrop{align-items:end;padding:12px}.decision-modal{border-radius:24px 24px 18px 18px}.decision-modal>header{grid-template-columns:43px 1fr 34px;padding:19px 18px}.decision-modal>header>span{width:42px;height:42px}.decision-body{padding:18px}.decision-modal>footer{padding:14px 18px}}@media (max-width:420px){.login-card{padding-left:17px;padding-right:17px}.role-switch button{padding:11px 8px}.metrics-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:44px 1fr;min-height:112px}.metric-copy>span{margin-top:5px}.action-buttons,.detail-receipts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}