:root{--ink: #101d23;--ink-soft: #425258;--muted: #6f7f86;--faint: #95a2a8;--line: #e4e9ea;--line-soft: #f1f4f4;--paper: #fff;--canvas: #f6f8f8;--teal: #0f7268;--teal-dark: #0a564f;--teal-wash: #ecf5f3;--shell: #0d1f24;--shell-soft: #16313700;--shell-line: #ffffff14;--shell-text: #b9ccd0;--shell-bright: #ffffff;--mint: #8fd3c6;--shadow-sm: 0 1px 2px #0d1f2408, 0 1px 3px #0d1f240a;--shadow-md: 0 2px 4px #0d1f2408, 0 8px 24px #0d1f240d;--amber: #a4701f;--amber-wash: #fdf5e8;--red: #b24a4a;--red-wash: #fdf1f1;--green: #2f7d5c;--green-wash: #edf7f1;--radius: 12px;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--canvas);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,strong,b{font-family:Plus Jakarta Sans,DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.app-shell{min-height:100vh;display:flex;background:var(--canvas)}.sidebar{width:248px;background:var(--shell);border-right:1px solid var(--shell);padding:20px 14px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand,.login-brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px}.brand-mark,.auth-brand-mark{width:36px;height:36px;border-radius:10px;background:var(--teal);color:#fff;display:grid;place-items:center;font:800 18px Plus Jakarta Sans}.brand strong,.login-brand strong,.auth-brand strong{display:block;font-size:15px;letter-spacing:.1em}.brand span,.login-brand span,.auth-brand span{display:block;font-size:9px;letter-spacing:.14em;color:var(--faint);font-weight:700;margin-top:2px}.workspace-label,.nav-caption{font-size:9px;font-weight:700;letter-spacing:.14em;color:#7d949a;padding:18px 10px 6px}.company-mini{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--shell-line);background:#ffffff0a;border-radius:10px;margin:14px 0 4px}.sidebar .company-mini-text b{color:var(--shell-bright)}.sidebar .company-mini-text span{color:#7d949a}.sidebar .company-avatar{background:#ffffff14;color:var(--mint)}.company-avatar,.profile-avatar,.top-avatar{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--teal-wash);color:var(--teal);display:grid;place-items:center;font-weight:800;font-size:11px}.company-avatar.large{width:46px;height:46px;border-radius:12px;font-size:14px}.company-mini-text{min-width:0;flex:1}.company-mini-text b,.profile-info b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-mini-text span,.profile-info span{display:block;color:var(--muted);font-size:10px}.nav-list{overflow:auto;flex:1}.nav-item{position:relative;width:100%;border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left;padding:9px 10px;margin:1px 0;border-radius:9px;color:var(--shell-text);font-size:12.5px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0f;color:var(--shell-bright)}.nav-item.active{background:#ffffff14;color:var(--shell-bright);font-weight:600;padding-left:13px}.nav-item.active{box-shadow:inset 3px 0 0 var(--mint)}.nav-item.active .nav-icon{color:var(--mint)}.nav-icon{display:grid;place-items:center}.nav-icon svg{width:17px;height:17px;stroke-width:1.6}svg{stroke-width:1.7}.nav-active-dot{display:none}.sidebar-bottom{padding-top:10px}.help-card{width:100%;text-align:left;border:1px solid var(--shell-line);background:#ffffff0a;border-radius:10px;padding:11px;display:grid;grid-template-columns:22px 1fr;column-gap:8px;margin-bottom:10px}.help-card b{font-size:11px;color:var(--shell-bright)}.help-card span{grid-column:2;color:#7d949a;font-size:10px}.help-icon{grid-row:span 2;color:var(--mint)}.profile-row{display:flex;align-items:center;gap:9px;padding:12px 2px 0;border-top:1px solid var(--shell-line)}.sidebar .profile-info b{color:var(--shell-bright)}.sidebar .profile-info span{color:#7d949a;text-transform:capitalize}.sidebar .profile-avatar{background:#ffffff14;color:var(--mint)}.sidebar .icon-btn{color:#7d949a}.sidebar .icon-btn:hover{background:#ffffff14;color:var(--shell-bright)}.sidebar .nav-list{margin:0 -2px;padding:0 2px}.profile-info{min-width:0;flex:1}.main-area{margin-left:248px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:64px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;color:var(--faint)}.breadcrumb span{padding:0 8px;color:#cfd6d8}.breadcrumb b{color:var(--ink-soft);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.company-select-wrap{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:6px 9px;color:var(--muted)}.company-select-wrap select{border:0;background:none;color:var(--ink-soft);font-size:11px;font-weight:600;max-width:180px;outline:0}.top-avatar{border-radius:50%}.content{width:min(1240px,100%);padding:26px 30px 48px;margin:0 auto;flex:1}.footer{padding:16px 30px;border-top:1px solid var(--line);color:var(--faint);font-size:10px}.footer span{padding:0 6px}.footer-right{float:right}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading h1{font-size:26px;letter-spacing:-.032em;margin:5px 0;font-weight:700}.page-heading p{color:var(--muted);margin:0;font-size:12.5px;max-width:62ch}.eyebrow-text,.eyebrow,.guide-kicker,.auth-eyebrow,.auth-form-kicker{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--teal);text-transform:uppercase}.subtle-label{color:var(--faint);font-size:10.5px}.muted{color:var(--muted)}.primary-btn,.outline-btn,.danger-btn,.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:9px 13px;font-size:11.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.primary-btn,.action-btn.primary{border:1px solid var(--teal-dark);color:#fff;background:linear-gradient(180deg,#12806f 0%,var(--teal) 55%,var(--teal-dark) 100%);box-shadow:0 1px 2px #0a564f33}.primary-btn:hover,.action-btn.primary:hover{background:var(--teal-dark)}.outline-btn,.action-btn.secondary{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft)}.outline-btn:hover,.action-btn.secondary:hover{border-color:var(--teal);color:var(--teal)}.danger-btn,.action-btn.danger{border:1px solid #ecd6d6;background:var(--paper);color:var(--red)}.danger-btn:hover,.action-btn.danger:hover{background:var(--red-wash)}.primary-btn:disabled,.outline-btn:disabled,.danger-btn:disabled,.action-btn:disabled{opacity:.55;cursor:not-allowed}.small{padding:6px 9px;font-size:10.5px}.icon-btn{width:30px;height:30px;border:1px solid transparent;background:none;border-radius:8px;color:var(--muted);display:inline-grid;place-items:center}.icon-btn:hover{background:var(--line-soft);color:var(--teal)}.icon-btn.danger:hover{background:var(--red-wash);color:var(--red)}.outline-btn.danger{color:var(--red);border-color:#ecd6d6}.outline-btn.danger:hover{background:var(--red-wash)}.menu-btn,.mobile-close{display:none}.panel,.stat-card,.setting-card,.table-panel,.mini-stats>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat-card{transition:box-shadow .18s,transform .18s}.stat-card:hover{box-shadow:var(--shadow-md)}.panel{padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px}.panel-heading h3,.setting-card h3{font-size:13.5px;margin:0}.panel-heading p,.setting-card p{font-size:11px;color:var(--muted);margin:3px 0 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.setting-card{padding:18px;margin-bottom:14px}.setting-title{display:flex;gap:12px;align-items:center;margin-bottom:14px}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}.stats-grid,.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card,.mini-stats>div{padding:15px 16px}.stat-card span,.mini-stats span{display:block;color:var(--muted);font-size:10.5px}.stat-card b,.mini-stats b{display:block;font:700 22px Plus Jakarta Sans;letter-spacing:-.025em;margin:7px 0 0;color:var(--ink);font-variant-numeric:tabular-nums}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--teal-wash);color:var(--teal)}.stat-icon.orange{background:var(--amber-wash);color:var(--amber)}.stat-icon.red{background:var(--red-wash);color:var(--red)}.stat-icon.green{background:var(--green-wash);color:var(--green)}.stat-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.stat-foot span,.stat-card small{color:var(--faint);font-size:10px}.stat-foot b{font-size:10.5px;color:var(--green)}.filter-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line)}.filter-tabs button{border:0;background:none;padding:9px 12px;font-size:12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.filter-tabs button:hover{color:var(--teal)}.filter-tabs button.selected{color:var(--teal-dark);border-bottom-color:var(--teal)}.table-toolbar .filter-tabs{margin:0;border:0}.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.table-toolbar h3{font-size:13.5px;margin:0}.table-toolbar p{font-size:11px;color:var(--muted);margin:3px 0 0}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--faint)}.search-box input{border:0;outline:0;min-width:190px;font-size:12px;background:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{background:#fbfcfc;color:var(--faint);font-size:9.5px;letter-spacing:.08em;text-align:left;padding:10px 16px;font-weight:700;white-space:nowrap}td{padding:12px 16px;border-top:1px solid var(--line-soft);color:var(--ink-soft);font-size:12px;vertical-align:middle;white-space:nowrap}td .row-sub{white-space:normal}tbody tr:hover td{background:#fbfcfc}.click-row{cursor:pointer}.row-title{display:block;color:var(--ink);font-size:12px;font-weight:600}.row-sub{display:block;color:var(--faint);font-size:10px;margin-top:2px}.amount-cell{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.align-right{text-align:right}.code-cell{font-variant-numeric:tabular-nums;color:var(--muted)}.row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.tb-total td{background:#fbfcfc;font-weight:700;color:var(--ink);border-top:1px solid var(--line)}.id-value{font-size:11px;overflow-wrap:anywhere}.status,.type-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;background:var(--line-soft);color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-active,.status-approved,.status-paid,.status-posted,.status-success,.status-open,.status-issued{background:var(--green-wash);color:var(--green)}.status-pending,.status-submitted,.status-draft,.status-part-paid,.status-invited{background:var(--amber-wash);color:var(--amber)}.status-rejected,.status-suspended,.status-overdue,.status-void,.status-inactive,.status-closed,.status-reversed{background:var(--red-wash);color:var(--red)}.form-grid{display:grid;gap:13px}.field{display:grid;gap:5px}.field>label,.form-grid>label{color:var(--ink-soft);font-size:11px;font-weight:600}.field-hint{color:var(--faint);font-size:10.5px}.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea,.setup-form input,.setup-form select,.auth-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--paper);color:var(--ink);font-size:13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash)}.field input:disabled{background:var(--line-soft);color:var(--muted)}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft)}.checkbox-field input{width:auto}.form-error,.auth-error,.workspace-access-error{color:var(--red);background:var(--red-wash);border:1px solid #f0dada;border-radius:8px;padding:9px 11px;font-size:12px}.auth-field-error{color:var(--red);font-size:11px}.permission-note.warn{background:var(--amber-wash);border-color:#f0e3cd;color:var(--amber)}.permission-note,.info-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--teal-wash);border:1px solid #d9ebe7;border-radius:9px;padding:10px 12px;font-size:11.5px;color:var(--teal-dark);margin-bottom:14px}.line-editor{border:1px solid var(--line);border-radius:10px;padding:12px}.line-editor .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.line-editor .grid .icon-btn{margin-bottom:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a2b73;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--paper);border-radius:16px;box-shadow:0 24px 70px #0d1f2430,0 2px 6px #0d1f2414;padding:20px;width:min(540px,100%);max-height:88vh;overflow:auto}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{font-size:16px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}.confirm-body{font-size:13px;color:var(--ink-soft);line-height:1.6}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.detail-grid>div{display:grid;gap:3px}.detail-grid span{color:var(--muted);font-size:10.5px}.detail-grid b{color:var(--ink);font-size:13px;overflow-wrap:anywhere}.settle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.settle-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.settle-card h3{font-size:14px;margin:0 0 3px}.settle-card>p{color:var(--muted);font-size:11.5px;margin:0 0 14px}.transfer{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);margin-bottom:8px}.transfer.company{background:var(--amber-wash);border-color:#f0e3cd}.transfer .who{flex:1;min-width:0;font-size:12.5px;color:var(--ink)}.transfer .who small{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}.transfer .amt{font:700 14px Plus Jakarta Sans;font-variant-numeric:tabular-nums}.settled-ok{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12.5px;padding:6px 0}.net-pos{color:var(--green);font-weight:700}.net-neg{color:var(--red);font-weight:700}.net-zero{color:var(--muted)}.partner-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.partner-checks label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft)}.partner-checks input[type=checkbox]{width:auto;flex-shrink:0}.alloc-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;font-size:12px}.progress{height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}.progress i{display:block;height:100%;background:var(--teal)}.empty-state,.chart-empty{padding:34px 20px;text-align:center;display:grid;justify-items:center;gap:4px}.empty-icon{width:38px;height:38px;border-radius:10px;background:var(--line-soft);color:var(--faint);display:grid;place-items:center;margin-bottom:6px}.empty-state b,.chart-empty b{font-size:13.5px;color:var(--ink)}.empty-state span,.chart-empty span{font-size:12px;color:var(--muted);max-width:42ch}.loading-line{height:2px;background:linear-gradient(90deg,var(--line-soft),var(--teal),var(--line-soft));background-size:200% 100%;animation:slide 1.1s linear infinite}@keyframes slide{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner{width:14px;height:14px;border:2px solid #ffffff5c;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attention-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line-soft)}.attention-item:first-of-type{border-top:0}.attention-item>div{display:grid;gap:2px}.attention-item b{font-size:13px;color:var(--ink)}.attention-item span{font-size:11.5px;color:var(--muted)}.attention-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--teal-wash);color:var(--teal)}.attention-icon.orange{background:var(--amber-wash);color:var(--amber)}.attention-icon.red{background:var(--red-wash);color:var(--red)}.attention-icon.blue{background:var(--teal-wash);color:var(--teal)}.attention-panel,.chart-panel{padding:0 18px 10px}.toast{position:fixed;right:22px;bottom:22px;background:#16373a;color:#fff;border-radius:10px;padding:11px 14px;box-shadow:0 12px 32px #16373a33;display:flex;align-items:center;gap:9px;z-index:100;font-size:12.5px;max-width:min(460px,calc(100vw - 44px))}.toast button{background:none;border:0;color:#fff;display:grid;place-items:center}.workspace-loading,.workspace-access-page{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:24px}.workspace-loading b,.workspace-access-card b{font-size:16px}.workspace-loading span{color:var(--muted);font-size:12.5px}.error-mark{width:44px;height:44px;border-radius:12px;background:var(--red-wash);color:var(--red);display:grid;place-items:center;font:800 20px Plus Jakarta Sans;margin-bottom:8px}.workspace-actions,.workspace-access-actions{display:flex;gap:8px;margin-top:12px}.workspace-access-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:460px}.workspace-access-copy{color:var(--muted);font-size:12.5px;margin:8px 0 0}.workspace-access-icon{color:var(--teal);margin-bottom:8px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--paper)}.auth-showcase{background:linear-gradient(160deg,#0f7268,#0b5a52 58%,#09433e);color:#fff;padding:44px clamp(32px,4.5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden}.auth-decoration{position:absolute;border-radius:50%;background:#ffffff0f;pointer-events:none}.auth-decoration-one{width:420px;height:420px;top:-150px;right:-140px}.auth-decoration-two{width:300px;height:300px;bottom:-120px;left:-100px}.auth-showcase>*:not(.auth-decoration){position:relative;z-index:1}.auth-showcase .app-logo-text strong,.auth-showcase .app-logo-text small{color:#fff}.auth-showcase .app-logo-text strong em,.app-logo.light .app-logo-text strong em{color:#a9dbd1}.auth-showcase .app-logo-text small{opacity:.72}.auth-copy{max-width:480px}.auth-copy h1{font-size:clamp(30px,3.4vw,42px);line-height:1.14;letter-spacing:-.035em;margin:0 0 14px}.auth-copy h1 em{font-style:normal;color:#a9dbd1}.auth-copy>p{font-size:14.5px;line-height:1.65;color:#d4ebe6;margin:0}.auth-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}.auth-points li{display:grid;grid-template-columns:10px 1fr;column-gap:12px;row-gap:3px}.auth-point-dot{width:8px;height:8px;border-radius:50%;background:#a9dbd1;margin-top:6px}.auth-points b{font-size:14px}.auth-points small{grid-column:2;font-size:12.5px;color:#c6e3dd;line-height:1.5}.auth-showcase-footer{font-size:11.5px;color:#a8ccc5;margin:0}.auth-panel{display:grid;place-items:center;padding:40px 32px}.auth-form{width:min(380px,100%);display:grid;gap:16px}.auth-mobile-brand{display:none;align-items:center;gap:10px;justify-content:center}.auth-mobile-brand strong{font-size:18px}.auth-form-intro h2{font-size:26px;letter-spacing:-.03em;margin:0 0 6px}.auth-form-intro p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}.auth-form .field input{padding:11px 12px;font-size:13.5px}.auth-form .field input.has-error{border-color:var(--red)}.auth-password{position:relative}.auth-password input{padding-right:40px}.auth-show-password{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);padding:7px;display:grid;place-items:center;border-radius:6px}.auth-show-password:hover{color:var(--teal);background:var(--line-soft)}.auth-field-error{color:var(--red);font-size:11.5px}.auth-caps{color:var(--amber);font-size:11.5px}.auth-remember{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft)}.auth-remember input{width:auto}.auth-submit{width:100%;padding:12px;font-size:13px}.auth-security{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:var(--faint);margin:0}.auth-panel-footer{font-size:11.5px;color:var(--faint);text-align:center;margin:0;line-height:1.5}.setup-page,.company-setup-card{display:grid;place-items:center}.setup-page{min-height:100vh;background:var(--canvas);padding:28px}.setup-card{width:min(600px,100%);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px}.setup-card h1{font-size:23px;margin:6px 0}.setup-card>p{color:var(--muted);font-size:12.5px}.setup-form{display:grid;gap:10px;margin-top:16px}.company-options{display:grid;gap:8px;margin:16px 0}.company-options button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px;text-align:left}.company-options button span:nth-child(2){flex:1}.company-options small{display:block;color:var(--muted)}.setup-divider{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:10px;margin:18px 0}.setup-divider span{height:1px;background:var(--line);flex:1}.guide-banner{background:var(--teal-wash);border:1px solid #d9ebe7;border-radius:14px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.guide-banner h2{font-size:21px;letter-spacing:-.03em;margin:8px 0}.guide-banner p{color:var(--ink-soft);font-size:12.5px;max-width:58ch;line-height:1.65;margin:0}.guide-mark{width:82px;height:82px;border-radius:20px;background:var(--paper);color:var(--teal);display:grid;place-content:center;text-align:center;font:800 24px Plus Jakarta Sans;flex-shrink:0}.guide-mark span{font:700 10px DM Sans;letter-spacing:.08em}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-step{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px}.guide-step-top{display:flex;justify-content:space-between;align-items:center}.guide-step-top>span{font:800 11px Plus Jakarta Sans;color:var(--teal);background:var(--teal-wash);border-radius:7px;padding:5px 8px}.guide-step-top i{color:var(--faint)}.guide-step h3{font-size:13.5px;margin:12px 0 6px}.guide-step p{font-size:11.5px;line-height:1.6;color:var(--muted);min-height:48px}.guide-note{display:flex;gap:12px;padding:15px 17px;border-radius:11px;background:var(--amber-wash);border:1px solid #f0e3cd;color:var(--amber);margin-top:14px}.guide-note p{margin:3px 0 0;color:var(--ink-soft);font-size:11.5px;line-height:1.6}.guide-note b{font-size:12.5px}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.upload-panel,.download-panel{background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:22px;text-align:center}.upload-illustration,.download-icon{color:var(--teal);margin-bottom:8px}.file-picked{font-size:12px;color:var(--ink-soft)}@media(max-width:1050px){.sidebar{width:215px}.main-area{margin-left:215px}.content{padding:22px 18px 40px}.topbar{padding:0 18px}.stats-grid,.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid,.settle-grid{grid-template-columns:1fr}.line-editor .grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:262px;box-shadow:8px 0 30px #10292915}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.menu-btn,.mobile-close{display:inline-grid}.topbar{height:56px;padding:0 12px}.content{padding:18px 12px 36px}.breadcrumb{display:none}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:22px}.two-fields,.guide-grid,.line-editor .grid,.auth-screen{grid-template-columns:1fr}.auth-showcase{display:none}.auth-mobile-brand{display:flex;align-items:center;gap:10px;justify-content:center}.auth-panel{padding:28px 20px}.table-toolbar{flex-direction:column;align-items:stretch}.search-box input{min-width:0;width:100%}.footer-right{display:none}.toast{right:12px;left:12px;bottom:12px}}@media(max-width:430px){.stats-grid,.mini-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card,.mini-stats>div{padding:12px}.stat-card b,.mini-stats b{font-size:17px}.guide-mark,.notification{display:none}}.app-logo{display:inline-flex;align-items:center;gap:10px;min-width:0}.app-logo svg{flex-shrink:0}.app-logo-text{display:grid;min-width:0}.app-logo-text strong{font-size:17px;letter-spacing:-.02em;color:var(--ink);line-height:1.1}.app-logo-text strong em{font-style:normal;color:var(--teal)}.app-logo-text small{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:2px}.app-logo.light .app-logo-text strong{color:#fff}.brand{justify-content:space-between}.fixed-value{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--line-soft);color:var(--ink);font-size:13px;font-weight:600}.modal-intro{color:var(--muted);font-size:12.5px;margin:-4px 0 14px}.cat-add{display:grid;grid-template-columns:1fr auto;gap:8px}.cat-add input{border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13px;outline:0;width:100%}.cat-add input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-wash)}.cat-count{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:18px 0 8px}.cat-list{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line-soft);border-radius:10px;overflow:hidden}.cat-list li{display:flex;align-items:center;gap:10px;background:var(--paper);padding:11px 10px 11px 14px;transition:background .15s}.cat-list li:hover{background:#fbfcfc}.cat-list li.editing{background:var(--teal-wash)}.cat-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);flex-shrink:0}.cat-name{flex:1;font-size:13px;font-weight:600;color:var(--ink)}.cat-name em{font-style:normal;font-weight:600;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:var(--amber-wash);border-radius:20px;padding:2px 7px;margin-left:8px}.cat-rename{flex:1;border:1px solid var(--teal);border-radius:8px;padding:7px 10px;font-size:13px;outline:0;background:var(--paper)}.cat-list .icon-btn.danger:hover{background:var(--red-wash);color:var(--red)}.cat-list .row-actions{opacity:.55;transition:opacity .15s}.cat-list li:hover .row-actions,.cat-list li.editing .row-actions{opacity:1}.fixed-value.with-action{display:flex;align-items:center;justify-content:space-between;gap:10px}.link-btn{border:0;background:none;padding:0;color:var(--teal);font-size:11.5px;font-weight:700;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--teal-dark)}.invoice-modal{width:min(880px,100%);padding:16px}.invoice-sheet{background:#fff;color:#16242b;padding:28px 30px;font-size:12px}.inv-head{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid var(--teal);padding-bottom:16px}.inv-seller{display:flex;gap:14px;align-items:flex-start}.inv-logo{height:46px;width:auto;flex-shrink:0}.inv-reg{display:flex;flex-wrap:wrap;gap:4px 14px}.inv-reg span{white-space:nowrap}.invoice-sheet a{color:var(--teal-dark);text-decoration:none}.inv-seller h1{font-size:18px;margin:0 0 4px;letter-spacing:-.02em}.inv-seller p{margin:2px 0;color:var(--muted);font-size:11px;line-height:1.5;max-width:42ch}.inv-meta{text-align:right;flex-shrink:0}.inv-meta h2{font-size:15px;letter-spacing:.14em;color:var(--teal);margin:0 0 8px}.inv-meta dl{display:grid;grid-template-columns:auto auto;gap:2px 14px;margin:0;font-size:11px}.inv-meta dt{color:var(--muted);text-align:left}.inv-meta dd{margin:0;font-weight:700;text-align:right}.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.inv-parties span{display:block;font-size:9px;letter-spacing:.12em;color:var(--faint);font-weight:700;margin-bottom:5px}.inv-parties b{font-size:13.5px}.inv-parties p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.inv-table{width:100%;border-collapse:collapse;margin-top:16px}.inv-table th{background:var(--teal-wash);color:var(--teal-dark);font-size:9px;letter-spacing:.07em;padding:8px;border-bottom:1px solid #d5e8e4}.inv-table td{padding:9px 8px;border-bottom:1px solid var(--line-soft);font-size:11.5px;white-space:nowrap}.inv-table .inv-desc{white-space:normal;max-width:280px;color:var(--ink);font-weight:600}.inv-empty{text-align:center;color:var(--muted);padding:20px}.inv-foot{display:grid;grid-template-columns:1fr auto;gap:28px;padding-top:16px}.inv-words span{display:block;font-size:9px;letter-spacing:.12em;color:var(--faint);font-weight:700;margin-bottom:4px}.inv-words b{font-size:12.5px;line-height:1.5}.inv-terms{margin:12px 0 0;color:var(--muted);font-size:10.5px;line-height:1.55;max-width:52ch}.inv-totals{display:grid;grid-template-columns:auto auto;gap:6px 26px;margin:0;min-width:240px;align-content:start}.inv-totals dt{color:var(--muted);font-size:11.5px}.inv-totals dd{margin:0;text-align:right;font-size:11.5px;font-variant-numeric:tabular-nums}.inv-totals .grand{font:700 15px Plus Jakarta Sans;color:var(--ink);padding-top:6px;border-top:1px solid var(--line)}.inv-totals .due{font-weight:700;color:var(--teal-dark)}.inv-sign{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}.inv-bank span{display:block;font-size:9px;letter-spacing:.12em;color:var(--faint);font-weight:700;margin-bottom:4px}.inv-bank p{margin:0;color:var(--muted);font-size:10.5px;max-width:46ch;line-height:1.5}.inv-stamp{text-align:center;display:grid;justify-items:center}.inv-stamp img{width:104px;height:auto;margin-bottom:-4px;opacity:.92}.inv-stamp span{font-size:10.5px;color:var(--muted);position:relative}.inv-stamp b{font-size:11.5px;border-top:1px solid var(--line);padding-top:5px;margin-top:5px;min-width:170px}.inv-credit{text-align:center;color:var(--faint);font-size:10px;margin:18px 0 0}@media print{#root{display:none!important}body{background:#fff}.print-root .modal-backdrop{position:static;background:none;padding:0;display:block}.print-root .invoice-modal{width:auto;max-height:none;box-shadow:none;border-radius:0;padding:0;overflow:visible}.print-root .invoice-sheet{padding:0;font-size:11px}.no-print{display:none!important}.inv-table thead{display:table-header-group}.inv-table tr,.inv-foot,.inv-sign,.inv-parties{break-inside:avoid}.inv-credit{break-before:avoid}a{color:inherit;text-decoration:none}@page{size:A4;margin:14mm}}} @media (max-width: 860px){.inv-head,.inv-parties,.inv-foot,.inv-sign{grid-template-columns:1fr;flex-direction:column}.inv-meta,.inv-meta dd{text-align:left}.invoice-sheet{padding:18px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.attachments{border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin:14px 0}.attachments-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.attachments-head span{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.attachments-empty{color:var(--muted);font-size:11.5px;margin:10px 0 2px}.attachment-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.attachment-list li{display:flex;align-items:center;gap:9px;background:var(--line-soft);border-radius:8px;padding:8px 8px 8px 11px;color:var(--ink-soft)}.attachment-name{flex:1;min-width:0;text-align:left;border:0;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-name:hover{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.spinner.dark{border-color:#0f726840;border-top-color:var(--teal)}.preview-modal{width:min(900px,100%);display:flex;flex-direction:column;max-height:90vh}.preview-modal .modal-head{flex-shrink:0}.preview-modal .modal-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.preview-body{flex:1;min-height:min(52vh,420px);background:var(--line-soft);border:1px solid var(--line);border-radius:10px;overflow:auto;display:grid;place-items:center;padding:10px}.preview-body img{max-width:100%;max-height:72vh;border-radius:6px;background:#fff}.preview-body iframe{width:100%;height:72vh;border:0;border-radius:6px;background:#fff}.preview-body .attachments-empty{margin:30px}.attachment-list small{color:var(--faint);font-size:10.5px;font-variant-numeric:tabular-nums}