:root{--bg: #f5f4f1;--surface: #ffffff;--surface-2: #faf9f7;--line: #e7e4de;--line-strong: #d6d2ca;--text: #1a1d23;--text-2: #5b6170;--text-3: #8b909c;--side: #14181f;--side-2: #1d232d;--side-text: #c9ced8;--side-active: #ffffff;--accent: #e8a33d;--accent-ink: #14181f;--accent-soft: #fdf3e2;--blue: #2563eb;--green: #059669;--green-soft: #e7f6f0;--red: #dc2626;--red-soft: #fdecec;--amber: #b45309;--amber-soft: #fef6e7;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(20, 24, 31, .05), 0 4px 16px rgba(20, 24, 31, .04);--gutter: clamp(16px, 2.4vw, 36px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.01em}h1{font-size:24px;font-weight:700}h2{font-size:18px;font-weight:650}h3{font-size:15px;font-weight:650}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12.5px}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.side{background:var(--side);color:var(--side-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;color:#fff}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}.brand-name{font-weight:700;font-size:13.5px;line-height:1.15}.brand-sub{font-size:11px;color:#8d96a6;letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px;padding:8px 10px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;color:var(--side-text);font-weight:500}.nav a:hover{background:var(--side-2);color:#fff}.nav a.active{background:var(--side-2);color:var(--side-active);box-shadow:inset 3px 0 0 var(--accent)}.nav .badge{margin-left:auto;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;border-radius:99px;padding:1px 7px}.side-foot{margin-top:auto;padding:14px 18px;border-top:1px solid #262d39;font-size:12.5px}.side-foot button{background:none;border:0;color:#aeb6c4;cursor:pointer;padding:0;display:inline-flex;gap:6px;align-items:center}.side-foot button:hover{color:#fff}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px var(--gutter);background:#f5f4f1db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.search{position:relative;flex:1;max-width:560px}.search input{width:100%;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid var(--line);background:var(--surface)}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:380px;overflow:auto;padding:6px}.search-results button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:8px 10px;border-radius:7px;border:0;background:none;cursor:pointer}.search-results button:hover{background:var(--surface-2)}.content{padding:24px var(--gutter) 48px;display:flex;flex-direction:column;gap:20px;min-width:0}.page-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.page-head .sub{color:var(--text-2);margin-top:4px}.page-head>div{min-width:0}.page-head .row{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.card-body{padding:16px 18px}.grid{display:grid;gap:16px}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.stat{padding:16px 18px}.stat .label{color:var(--text-2);font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:7px}.stat .value{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .hint{font-size:12px;color:var(--text-3);margin-top:2px}.stat.warn .value{color:var(--amber)}.stat.good .value{color:var(--green)}.stat.bad .value{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);font-weight:550;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--side);border-color:var(--side);color:#fff}.btn.primary:hover{background:#262d39}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--red)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#14181f0d}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:7px}.btn:disabled{opacity:.55;cursor:default}.icon-btn{border:0;background:none;padding:5px;border-radius:6px;cursor:pointer;color:var(--text-2);display:inline-grid;place-items:center}.icon-btn:hover{background:#14181f0f;color:var(--text)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field label{font-size:12.5px;font-weight:550;color:var(--text-2)}.input,.field input,.field select,.field textarea{width:100%;padding:8px 11px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}.field textarea{min-height:84px;resize:vertical}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(232,163,61,.45);outline-offset:0;border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.form-grid .wide{grid-column:1 / -1}.check{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-2);padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--surface-2)}.table tfoot td{font-weight:650;background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;background:#eef0f3;color:#3b4250;white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{border:0;background:none;padding:10px 14px;font-weight:550;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:7px;align-items:center;white-space:nowrap}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs .count{background:#eef0f3;border-radius:99px;padding:0 7px;font-size:11.5px}.bar{height:10px;border-radius:99px;background:#eef0f3;overflow:hidden;display:flex}.bar span{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--text-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.money-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:12px}.money-compare .m{padding:12px 14px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.money-compare .m .k{font-size:12px;color:var(--text-2);font-weight:550}.money-compare .m .v{font-size:20px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.gap-good{color:var(--green)}.gap-bad{color:var(--red)}.notice{padding:11px 14px;border-radius:9px;background:var(--amber-soft);color:var(--amber);border:1px solid #f6dfb5;font-weight:500}.error{padding:11px 14px;border-radius:9px;background:var(--red-soft);color:var(--red);border:1px solid #f7caca;font-weight:500;display:flex;gap:10px;align-items:center}.empty{padding:36px 20px;text-align:center;color:var(--text-2)}.empty svg{color:var(--text-3);margin-bottom:8px}.loading{padding:30px;text-align:center;color:var(--text-3)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181f6b;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:14px;width:min(760px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.modal.narrow{width:min(460px,100%)}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-body{padding:18px 20px;overflow:auto}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line)}.mail{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);min-height:560px}.mail-list{border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - 230px)}.mail-item{display:block;width:100%;text-align:left;border:0;background:none;border-bottom:1px solid var(--line);padding:12px 16px;cursor:pointer}.mail-item:hover{background:var(--surface-2)}.mail-item.on{background:var(--accent-soft)}.mail-item.unread .subj{font-weight:700}.mail-item .subj{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item .prev{color:var(--text-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mail-read{padding:20px 24px;overflow:auto;max-height:calc(100vh - 230px);min-width:0}.mail-body{white-space:pre-wrap;line-height:1.6;margin-top:18px;overflow-wrap:anywhere}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}.drop{border:2px dashed var(--line-strong);border-radius:12px;padding:22px;text-align:center;color:var(--text-2);background:var(--surface-2);cursor:pointer}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.file-ico{width:34px;height:34px;border-radius:8px;background:#eef0f3;display:grid;place-items:center;color:var(--text-2);flex:none}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.tl-item:last-child{border-bottom:0}.tl-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef0f3;color:var(--text-2);flex:none}.tl-item.note .tl-ico{background:var(--accent-soft);color:var(--amber)}.signin{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.signin-art{background:var(--side);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.signin-art h1{font-size:40px;line-height:1.1;max-width:520px}.signin-art p{color:#aeb6c4;max-width:480px;font-size:16px;line-height:1.6}.signin-form{display:grid;place-items:center;padding:40px}.signin-form form{width:min(380px,100%);display:flex;flex-direction:column;gap:14px}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.page-head h1{font-size:21px}.money-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .small.muted{display:none}.side{position:static;height:auto}.nav{flex-direction:row;overflow-x:auto}.side-foot{display:none}.mail{grid-template-columns:1fr}.mail-list{border-right:0;border-bottom:1px solid var(--line);max-height:320px}.signin{grid-template-columns:1fr}.signin-art{padding:32px}}.trays{display:flex;flex-wrap:wrap;gap:6px}.tray{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px;font-weight:550;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:7px}.tray:hover{background:var(--surface-2)}.tray.on{background:var(--side);border-color:var(--side);color:#fff}.tray .dot{width:8px;height:8px;border-radius:50%}.tray .count{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:0 7px;font-size:11.5px;font-weight:700}.pill.tag{font-size:11.5px;padding:2px 8px}.pill.ai{background:#f3e8ff;color:#6d28d9}.mail-item .from{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.mail-list{max-height:calc(100vh - 260px)}.mail-read{max-height:calc(100vh - 260px);display:flex;flex-direction:column;gap:14px}.ai-summary{display:flex;gap:8px;align-items:flex-start;background:#f5f3ff;color:#4c1d95;border:1px solid #e9e3ff;border-radius:9px;padding:9px 12px;font-size:13.5px}.ai-summary svg{flex:none;margin-top:2px}.card.filed{padding:10px 12px;background:var(--surface-2);box-shadow:none}.thread{display:flex;flex-direction:column;gap:10px}.msg{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--surface)}.msg.out{background:#f6f9ff;border-color:#dbe6fb;margin-left:clamp(0px,4vw,48px)}.msg.focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.msg .mail-body{margin-top:8px;font-size:13.5px}.reply-actions{padding-top:4px}.draft{border:1px solid #e9e3ff;background:#fcfbff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.draft-head{display:flex;align-items:center;gap:8px}.draft-fields{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 10px;align-items:center}.draft-fields label{font-size:12.5px;color:var(--text-2);font-weight:550}.draft-fields input{padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);width:100%}.draft-body{width:100%;min-height:220px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);line-height:1.55;resize:vertical}.ai-bar{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px dashed #d8ccff;border-radius:10px;padding:10px}.chip{border:1px solid var(--line);background:var(--surface-2);border-radius:99px;padding:4px 10px;font-size:12.5px;cursor:pointer;color:var(--text-2)}.chip:hover{background:#f3e8ff;color:#6d28d9;border-color:#e9e3ff}.chip:disabled{opacity:.5;cursor:default}.bell{position:relative}.bell .badge{position:absolute;top:-4px;right:-6px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;border-radius:99px;padding:1px 6px}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px}.step{border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:var(--surface);display:flex;flex-direction:column;gap:6px}.step.approved{border-color:#b7e4d2;background:#f2fbf7}.step.declined{border-color:#f7caca;background:#fff6f6}.step .t{font-weight:600}.step .who{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.progress{height:8px;border-radius:99px;background:#eef0f3;overflow:hidden}.progress span{display:block;height:100%;background:var(--green)}.tl{display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:92px 28px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.tl-row:last-child{border-bottom:0}.tl-row .when{font-size:12px;color:var(--text-3);text-align:right;padding-top:4px}.mail-read>*{flex-shrink:0}@media(max-width:900px){.mail-read,.mail-list{max-height:none}.draft-fields{grid-template-columns:1fr}}