/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.inline{display:inline}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--forest:#174a3a;--forest-dark:#103a2d;--mint:#ddf1e8;--ivory:#f7f4ec;--surface:#fffefa;--text:#27312d;--muted:#7b8580;--border:#dde4dd}*{box-sizing:border-box}html,body{background:var(--ivory);min-height:100%;color:var(--text);margin:0}body{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif}button{font:inherit}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fffefaeb;flex-direction:column;width:220px;padding:29px 14px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--forest);letter-spacing:.5px;margin:0 18px 43px;font-size:25px;font-style:italic;font-weight:900;line-height:1}.sidebar nav{gap:8px;display:grid}.nav-item{color:#4f5a55;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;height:50px;padding:0 16px;font-weight:600;display:flex}.nav-item span{color:#56625d;text-align:center;width:20px;font-size:22px}.nav-item:hover{background:#f1f5f1}.nav-item.active{color:var(--forest);background:#e8f3ee;box-shadow:inset 0 0 0 1px #d3e8df}.support{color:#426254;background:#fbfdfb;border:1px solid #cfe1d8;border-radius:10px;margin-top:auto;padding:14px;font-size:12px}.support button{width:100%;color:var(--forest);cursor:pointer;background:#fff;border:1px solid #acc8bb;border-radius:7px;justify-content:space-between;margin-top:11px;padding:9px 10px;display:flex}.main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--border);background:#ffffffbd;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex}.breadcrumb{color:#626c67;font-size:13px;font-weight:600}.breadcrumb span{color:#a4ada8;margin:0 9px}.user{align-items:center;gap:10px;display:flex}.avatar{background:var(--forest);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user div:nth-child(2){display:grid}.user strong{font-size:13px}.user small{color:var(--muted);font-size:10px}.chevron{color:var(--muted);margin-left:10px}.content{max-width:1500px;margin:0 auto;padding:28px 32px 48px}.welcome .eyebrow{color:#809089;letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:700}.welcome h1{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.25}.welcome>p:last-child{color:var(--muted);margin:7px 0 22px;font-size:14px}.create-card,.table-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:0 7px 24px #1f392f0f}.create-card{border-radius:15px;padding:20px}.steps{grid-template-columns:repeat(3,1fr);align-items:center;padding:0 18px 18px;display:grid}.step-group{grid-template-columns:1fr 52px;align-items:center;display:grid}.step-group:last-child{grid-template-columns:1fr}.step-group>i{background:#c6d2cc;height:1px;margin:0 8px;display:block}.step{align-items:center;gap:13px;display:flex}.step>span{color:#789087;background:#eef2ef;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.step.current>span{background:var(--mint);color:var(--forest);box-shadow:inset 0 0 0 1px #cde7da}.step div{gap:4px;display:grid}.step strong{color:var(--forest);font-size:14px}.step small{color:var(--muted);font-size:10px}.dropzone{width:100%;min-height:132px;color:var(--text);cursor:pointer;background:linear-gradient(135deg,#fbfefc,#f0f8f4);border:1.5px dashed #2d715a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .18s;display:flex}.dropzone:hover,.dropzone.dragging{background:var(--mint);border-style:solid;transform:translateY(-1px)}.upload-icon{width:36px;height:30px;color:var(--forest);font-size:27px;line-height:1}.dropzone strong{font-size:14px}.dropzone small{color:var(--muted);font-size:11px}.multi-upload{gap:12px;display:grid}.upload-queue{border:1px solid var(--border);background:#fbfdfc;border-radius:11px;gap:7px;padding:12px;display:grid}.upload-queue-head{border-bottom:1px solid #e4ebe7;justify-content:space-between;align-items:center;padding:2px 4px 8px;display:flex}.upload-queue-head strong{color:var(--forest);font-size:12px}.upload-queue-head button{color:#9b4b4b;cursor:pointer;background:0 0;border:0;font-size:10px}.upload-queue>div:not(.upload-queue-head){grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;min-height:45px;padding:4px 6px;display:grid}.upload-queue>div>div{gap:2px;min-width:0;display:grid}.upload-queue>div>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.upload-queue>div>div small{color:var(--muted);font-size:9px}.upload-queue>div>button{color:#9b4b4b;cursor:pointer;background:#fff;border:1px solid #e0c8c8;border-radius:6px;width:28px;height:28px}.upload-queue .primary{margin-top:7px}.file-picked{color:var(--forest)}.primary{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:min(560px,100%);height:50px;margin:18px auto 0;font-weight:700;transition:all .18s;display:flex;box-shadow:0 7px 14px #174a3a24}.primary:hover:not(:disabled){background:var(--forest-dark);transform:translateY(-1px)}.primary:disabled{opacity:.95}.notice{color:#236344;text-align:center;background:#e5f4eb;border-radius:8px;margin-top:14px;padding:10px 13px;font-size:11px}.notice.warning{color:#93631a;background:#fff4dc}.review{border:1px solid var(--border);border-radius:12px;overflow:hidden}.review-summary{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.review-summary>div{background:#f8fbf9;gap:4px;padding:13px 15px;display:grid}.review-summary small{color:var(--muted);font-size:9px}.review-summary strong{color:var(--forest);font-size:13px}.review-summary .summary-error strong{color:#a16a17}.review-summary .summary-ok strong{color:#1b7148}.review-table{max-height:295px;overflow:auto}.review-table table{min-width:760px}.review-table input{width:100%;min-width:100px;color:var(--text);background:#fff;border:1px solid #d7e0db;border-radius:6px;outline:none;padding:7px 9px;font-size:11px}.review-table input:focus{border-color:var(--forest);box-shadow:0 0 0 2px #e3f2eb}.review-table .amount-input{text-align:right;min-width:92px}.review-table td.error-cell{background:#fff0f0;box-shadow:inset 0 0 0 1px #e78c8c}.review-table td.error-cell input{color:#8d2f2f;background:snow;border-color:#d85d5d}.review-table td.error-cell small{color:#bc3f3f;margin-top:3px;font-size:8px;font-weight:700;display:block}.remove-row{color:#a85a5a;cursor:pointer;background:snow;border:1px solid #e5caca;border-radius:6px;width:28px;height:28px}.review-actions{border-top:1px solid var(--border);background:#fbfcfb;justify-content:flex-end;align-items:center;gap:10px;padding:13px;display:flex}.validation-list{color:#855b18;background:#fff8e8;border:1px solid #edcfa0;border-radius:9px;gap:5px;margin:12px;padding:12px 14px;font-size:10px;display:grid}.validation-list strong{font-size:11px}.review-summary input[type=month]{width:128px;color:var(--forest);font:inherit;background:#fff;border:1px solid #cbd9d2;border-radius:5px;padding:4px 6px}.source-count{color:var(--muted);margin-right:auto;font-size:10px}.primary.inline{width:auto;min-width:250px;height:40px;margin:0;padding:0 20px}.secondary{height:40px;color:var(--forest);cursor:pointer;background:#fff;border:1px solid #b7c9c0;border-radius:7px;padding:0 16px;font-weight:600}.secondary.danger-soft{color:#9b4b4b;border-color:#e1b9b9}.secondary:disabled{opacity:.45;cursor:not-allowed}.empty{text-align:center;height:100px;color:var(--muted)}.download{text-decoration:none;display:inline-block}.history{margin-top:23px}.section-head{justify-content:space-between;align-items:end;margin-bottom:11px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:18px}.section-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.section-head button{color:var(--forest);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.section-head button span{margin-left:7px}.table-wrap{border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px;font-size:12px}th{color:#63716a;text-align:left;white-space:nowrap;background:#edf6f1;padding:11px 14px;font-size:10px;font-weight:600}td{color:#59635e;white-space:nowrap;border-top:1px solid #e7ebe8;padding:10px 14px}tbody tr:hover{background:#fafcfb}.file-cell{align-items:center;gap:11px;display:flex}.file-cell>div{gap:2px;display:grid}.file-cell strong{color:var(--text);font-size:12px}.file-cell small{color:#97a09c;font-size:9px}.excel{width:26px;height:30px;color:var(--forest);background:#f4fbf7;border:1px solid #76a58f;border-radius:3px;place-items:center;font-weight:800;display:grid}.tag{border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.salary,.done{color:#1b7148;background:#e4f4e9}.income{color:#3667b8;background:#e7efff}.download{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #94b5a6;border-radius:6px;padding:7px 10px;font-size:10px}.download:hover{background:#edf6f1}.manager-page{gap:18px;display:grid}.page-title{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-title .eyebrow{color:#809089;letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:700}.page-title h1{letter-spacing:-.04em;margin:0;font-size:30px}.page-title p:not(.eyebrow){color:var(--muted);margin:7px 0 0;font-size:13px}.page-actions,.mail-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.paste-guide{color:var(--forest);background:#f2f8f5;border:1px solid #cfe1d8;border-radius:10px;align-items:center;gap:8px;padding:12px 15px;font-size:11px;display:flex}.paste-guide strong{margin-right:8px}.paste-guide span{background:#fff;border:1px solid #d8e6df;border-radius:5px;padding:4px 9px}.income-tabs{border:1px solid var(--border);background:#eef3f0;border-radius:10px;gap:8px;width:fit-content;padding:5px;display:flex}.income-tabs button{color:#66716c;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:150px;padding:10px 16px;font-weight:700}.income-tabs button span{color:#929c97;margin-left:6px;font-size:10px}.income-tabs button.active{color:var(--forest);background:#fff;box-shadow:0 2px 7px #1f392f14}.sort-controls{background:#f8fbf9;border:1px solid #d5e1db;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;display:flex}.sort-controls strong{color:var(--forest);font-size:11px}.sort-controls select{min-width:145px;height:36px;color:var(--text);background:#fff;border:1px solid #b9ccc3;border-radius:7px;padding:0 9px}.sort-controls .secondary{height:36px}.sort-controls>span{color:var(--muted);font-size:10px}.sort-header{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.sort-header span{color:#9aaba3}.sort-header.active,.sort-header.active span{color:var(--forest)}.sheet-table{border:1px solid var(--border);background:#fff;border-radius:12px;max-height:calc(100vh - 270px);overflow:auto;box-shadow:0 7px 24px #1f392f0d}.sheet-table table{min-width:980px}.sheet-table th:first-child,.sheet-table td:first-child{text-align:center;color:#89938e;background:#f6f8f6;width:52px}.sheet-table td{padding:5px 8px}.sheet-table input,.sheet-table select{width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:8px 9px;font-size:11px}.sheet-table input:hover,.sheet-table input:focus,.sheet-table select:hover,.sheet-table select:focus{background:#fff;border-color:#9fc0b1;box-shadow:0 0 0 2px #e7f3ed}.selectable-sheet{-webkit-user-select:none;user-select:none;outline:none}.selectable-sheet td.cell-selected{background:#dff1e8;box-shadow:inset 0 0 0 1px #65a087}.selectable-sheet td.cell-selected input{background:#ffffff73}.readonly-sheet input,.readonly-sheet select{pointer-events:none;color:#737e79}.version-panel{background:#f7fbf9;border:1px solid #cfe1d8;border-radius:11px;gap:9px;padding:15px;display:grid}.version-panel>div{border-top:1px solid #e2ebe6;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;font-size:10px;display:flex}.version-panel>span{color:var(--muted);font-size:11px}.tag.needs{color:#9a6512;background:#fff0d2}.tag.blank{color:#8a9490;background:#f0f2f1}.mail-dropzone{cursor:pointer;background:linear-gradient(135deg,#fbfefc,#f0f8f4);border:1.5px dashed #2d715a;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;display:flex}.mail-dropzone:hover,.mail-dropzone.dragging{background:var(--mint);border-style:solid;transform:translateY(-1px);box-shadow:0 8px 22px #174a3a1a}.mail-dropzone strong{font-size:14px}.mail-dropzone small{color:var(--muted);font-size:10px}.mail-compose{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:1fr 1.5fr;gap:13px;padding:17px;display:grid}.mail-compose label{color:#65716b;align-content:start;gap:7px;font-size:10px;font-weight:700;display:grid}.mail-compose input,.mail-compose textarea{width:100%;color:var(--text);font:inherit;resize:vertical;background:#fcfdfc;border:1px solid #d8e0dc;border-radius:7px;outline:none;padding:10px 11px;font-size:11px}.mail-compose input:focus,.mail-compose textarea:focus{border-color:var(--forest);box-shadow:0 0 0 2px #e5f2ec}.mail-compose>small{color:var(--muted);grid-column:1/-1;font-size:10px}.mail-compose code{color:var(--forest);background:#edf5f1;border-radius:4px;padding:2px 5px}.template-tools{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.template-tools small{color:var(--muted);font-size:10px}.template-tools button{white-space:nowrap}.template-tools>div{gap:7px;display:flex}.mail-preview{background:#f8fbf9;border:1px solid #d9e6df;border-radius:9px;grid-column:1/-1;gap:8px;padding:14px;display:grid}.mail-preview strong{color:var(--muted);font-size:10px}.mail-preview b{color:var(--forest);font-size:12px}.mail-preview p{color:#4f5d56;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.7}.mail-matches{max-height:320px}.mail-matches table{min-width:800px}.mail-selection-tools{justify-content:flex-end;align-items:center;gap:12px;display:flex}.mail-selection-tools label{color:#53625b;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.mail-selection-tools span{color:var(--muted);font-size:10px}.mail-matches tr.row-selected td{background:#fff4ef}.mail-matches th:first-child,.mail-matches td:first-child{text-align:center;width:58px}.mail-actions{padding-top:2px}.schedule-mail{justify-content:flex-end;align-items:end;gap:8px;padding-top:12px;display:flex}.schedule-mail label{color:var(--muted);gap:5px;font-size:10px;font-weight:700;display:grid}.schedule-mail input{border:1px solid #ccd8d2;border-radius:7px;height:38px;padding:0 10px}.match-warning{color:#b2463d;margin-top:4px;font-size:9px;font-weight:700;display:block}.mail-audit{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:14px;padding:17px}.audit-names{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.audit-names span{color:#9a5b20;background:#fff3e7;border-radius:7px;padding:7px 9px;font-size:10px}.duplicate-confirm{color:#8f3d37;align-items:center;gap:7px;margin-top:8px;font-size:10px;font-weight:700;display:flex}.connection-badge{color:#95630f;background:#fff0d2;border-radius:999px;align-self:center;padding:8px 12px;font-size:11px;font-weight:700}.connection-badge.connected{color:#1b7148;background:#e3f3e8}.setup-steps{gap:10px;display:grid}.setup-steps article{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:38px 1fr;gap:14px;padding:18px;display:grid;box-shadow:0 4px 14px #1f392f0a}.setup-steps article>span{background:var(--mint);width:34px;height:34px;color:var(--forest);border-radius:50%;place-items:center;font-weight:800;display:grid}.setup-steps article>div{gap:8px;display:grid}.setup-steps strong{font-size:14px}.setup-steps p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.setup-steps a{color:var(--forest);font-weight:700}.setup-steps code{color:var(--forest);background:#edf5f1;border-radius:4px;padding:2px 5px}.setup-steps label{color:#67736d;gap:5px;font-size:10px;font-weight:700;display:grid}.setup-steps label input,.copy-field input{width:100%;color:var(--text);background:#fcfdfc;border:1px solid #d7e0db;border-radius:7px;outline:none;padding:9px 10px}.copy-field{grid-template-columns:1fr auto;gap:7px;display:grid}.copy-field button{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #a9c4b7;border-radius:7px;padding:0 15px;font-weight:700}.import-mode{color:#53635b;background:#fff;border:1px solid #b7c9c0;border-radius:7px;outline:none;height:40px;padding:0 9px;font-size:11px}.upload-button{background:#f4faf7;border-color:#79a892}.dashboard-page{gap:18px;display:grid}.dashboard-date,.history-count{color:var(--muted);align-self:center;font-size:11px}.dashboard-filters{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:12px 14px;display:flex}.dashboard-filters strong,.dashboard-filters span{color:var(--muted);font-size:10px}.dashboard-filters select{background:#fff;border:1px solid #ccd8d2;border-radius:7px;min-width:150px;height:36px;padding:0 9px}.metric-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:12px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:13px;align-content:center;gap:7px;min-height:125px;padding:19px;display:grid;box-shadow:0 5px 18px #1f392f0d}.metric.primary-metric{color:#fff;background:linear-gradient(135deg,#174a3a,#246a52);border:0}.metric small{color:#7b8882;font-size:10px;font-weight:700}.metric.primary-metric small,.metric.primary-metric p{color:#cde2d8}.metric strong{letter-spacing:-.03em;font-size:24px}.metric p{color:var(--muted);margin:0;font-size:10px}.metric strong.up{color:#c95c4b}.metric strong.down{color:#2772a8}.dashboard-panels{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.trend-card,.recent-card{border:1px solid var(--border);background:#fff;border-radius:13px;min-height:340px;padding:19px;box-shadow:0 5px 18px #1f392f0d}.team-cost-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:19px;box-shadow:0 5px 18px #1f392f0d}.team-cost-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:18px;display:grid}.team-cost-list>div{gap:7px;display:grid}.team-cost-list>div>div:first-child{justify-content:space-between;gap:12px;font-size:11px;display:flex}.team-cost-list b{color:var(--forest)}.team-cost-track{background:#edf3f0;border-radius:999px;height:8px;overflow:hidden}.team-cost-track span{border-radius:inherit;background:linear-gradient(90deg,#55ad84,#174a3a);height:100%;display:block}.panel-head h2{margin:0;font-size:15px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.bar-chart{border-bottom:1px solid #e4e9e6;justify-content:space-around;align-items:end;gap:12px;height:260px;padding:28px 8px 0;display:flex}.bar-column{flex:1;grid-template-rows:20px 1fr 22px;justify-items:center;gap:4px;height:100%;display:grid}.bar-value{color:#65726b;white-space:nowrap;font-size:9px}.bar-track{background:#eff4f1;border-radius:7px 7px 0 0;align-items:end;width:min(42px,80%);height:100%;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#42a178,#174a3a);border-radius:7px 7px 0 0;width:100%;transition:height .3s}.bar-column>span{color:#77827d;font-size:10px}.recent-list{margin-top:13px;display:grid}.recent-list>div{border-top:1px solid #edf0ee;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:55px;display:grid}.recent-list>div:first-child{border-top:0}.recent-list>div>div{gap:3px;min-width:0;display:grid}.recent-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.recent-list small{color:var(--muted);font-size:9px}.recent-list b{color:var(--forest);white-space:nowrap;font-size:10px}.dashboard-empty{margin-top:80px}.history-page{gap:18px;display:grid}.history-filters{grid-template-columns:1fr 180px 180px;gap:9px;display:grid}.history-filters input,.history-filters select{height:40px;color:var(--text);background:#fff;border:1px solid #ccd8d2;border-radius:8px;outline:none;padding:0 11px}.history-actions{align-items:center;gap:6px;display:flex}.delete-history{color:#a54141;cursor:pointer;background:#fff7f7;border:1px solid #dfb1b1;border-radius:6px;padding:7px 10px;font-size:10px}.delete-history:hover{background:#ffe9e9}.mail-log-panel{margin-top:8px}.mail-log-panel table{min-width:900px}.permission-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px;box-shadow:0 5px 18px #1f392f0d}.permission-form{grid-template-columns:1fr 1.4fr repeat(4,auto) auto;align-items:center;gap:9px;display:grid}.permission-form>input{border:1px solid #ccd8d2;border-radius:7px;height:40px;padding:0 10px}.permission-form label{color:#5e6b65;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.permission-form .primary{min-width:150px}.permission-list{margin-top:14px;display:grid}.permission-list>div{border-top:1px solid #edf0ee;grid-template-columns:minmax(180px,1fr) 2fr auto;align-items:center;gap:12px;min-height:55px;display:grid}.permission-list>div>div{gap:2px;display:grid}.permission-list small,.permission-list span{color:var(--muted);font-size:10px}@media (width<=900px){.app-shell{grid-template-columns:72px 1fr}.sidebar{width:72px;padding-inline:9px}.brand{margin:5px auto 35px;font-size:0}.brand:after{content:"F";font-size:25px}.nav-item{justify-content:center;padding:0;font-size:0}.nav-item span{font-size:22px}.support{display:none}.main{grid-column:2}.steps{grid-template-columns:1fr;gap:10px}.step-group{grid-template-columns:1fr}.step-group>i{display:none}.review-summary{grid-template-columns:repeat(2,1fr)}.page-title{flex-direction:column;align-items:flex-start}.mail-compose{grid-template-columns:1fr}.mail-compose>small,.template-tools,.mail-preview{grid-column:auto}.template-tools{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels,.team-cost-list{grid-template-columns:1fr}.permission-form{grid-template-columns:1fr 1fr}.history-filters{grid-template-columns:1fr}.dashboard-filters{flex-direction:column;align-items:stretch}}@media (width<=640px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:64px;padding:0 16px;position:static}.brand{margin:0;font-size:20px}.brand:after{display:none}.sidebar nav{margin-left:auto;display:flex}.nav-item{width:42px;height:42px}.sidebar nav .nav-item:nth-child(n+3),.topbar{display:none}.content{padding:22px 16px 36px}.welcome h1{font-size:25px}.create-card{padding:15px}.step small{display:none}}.login-page{background:radial-gradient(circle at top,#eaf6f0,#f7faf8 48%,#edf2ef);place-items:center;min-height:100vh;padding:24px;display:grid}.login-page section{border:1px solid var(--border);background:#fff;border-radius:18px;gap:17px;width:min(430px,100%);padding:42px;display:grid;box-shadow:0 20px 60px #174a3a24}.login-page .brand{color:var(--forest);margin:0;font-size:25px}.login-page h1{margin:0;font-size:27px}.login-page p{color:var(--muted);margin:0;line-height:1.7}.login-page small{color:var(--muted);font-size:10px}.logout-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px}.logout-button:hover{color:var(--forest);text-decoration:underline}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}