:root{--ink:#203732;--muted:#77847d;--green:#23594d;--pale:#edf4ed;--orange:#d58b50;--line:#e4e8e2;--bg:#f6f7f2;--red:#b64745;--shadow:0 8px 30px #19392e08}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #b4773e;outline-offset:3px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;background:#193c34;color:#b8cbc0;padding:33px 20px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:white;margin:0 12px 34px;font-size:25px;letter-spacing:-1.1px;font-weight:750}.brand-light{font-weight:350;color:#cfdfcf}.brand-mark{font-family:Georgia,serif;font-size:51px;font-weight:400;line-height:1;color:#e5efc4}.brand-mark span{color:#dfaa74}.brand small{display:block;font-size:8px;letter-spacing:1.6px;font-weight:500;color:#91ab9c;margin-top:2px}.workspace{border:1px solid #49635765;border-radius:10px;padding:13px 11px;display:flex;align-items:center;gap:11px;margin-bottom:31px}.avatar,.profile{background:#e7eccc;color:#345240;border-radius:8px;height:34px;width:34px;display:grid;place-items:center;font-weight:700}.workspace strong{font-size:12px;color:#f0f4ea;display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{font-size:10px;color:#9bb2a2}.online{width:6px;height:6px;background:#adce86;border-radius:100%;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.6px;color:#7f9c8b;margin:0 15px 14px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;padding:12px 15px;font-size:12px;border-radius:7px;transition:.15s}nav a:hover{background:#2d5145;color:#fff}nav a.active{background:#dce7c2;color:#244735;font-weight:650}nav a .nav-icon{font-size:18px;width:19px;text-align:center;font-weight:400}nav a .nav-arrow{margin-left:auto;opacity:.6}.sidebar-bottom{margin-top:auto;border-top:1px solid #48635465;padding:23px 9px 18px;display:flex;gap:12px;align-items:center}.sidebar-bottom strong{display:block;font-size:11px;color:#b8cbbd;font-weight:500}.sidebar-bottom small{font-size:10px;color:#7d9a88}.local-icon{font-size:24px;color:#b7cd91}.settings-link{background:none;border:0;color:#a7bfad;text-align:left;padding:10px;font-size:17px;display:flex;align-items:center;gap:12px}.settings-link span{font-size:11px}.shell{margin-left:254px}.topbar{height:82px;background:#fbfcf8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:11px;color:#8a938b}.breadcrumbs span{margin:0 13px;color:#bfc7be}.breadcrumbs strong{font-weight:500;color:#344b3f}.header-right{display:flex;align-items:center;gap:22px;font-size:11px;color:#849084}.backup-button{background:transparent;border:1px solid #dfe5d8;padding:8px 13px;border-radius:6px;color:#50634f;font-size:11px}.profile{border-radius:50%;height:31px;width:31px;background:#e8ecde}.mobile-menu{display:none!important}main{max-width:1660px;margin:auto;padding:34px 38px 40px;min-height:calc(100vh - 130px)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:14px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#85967b}.page-head h1{font-family:Georgia,"Times New Roman",serif;font-size:33px;font-weight:400;letter-spacing:-.8px;margin:5px 0}.page-head p{font-size:12px;margin:3px 0;color:var(--muted)}.btn{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:550;white-space:nowrap}.btn:hover{filter:brightness(1.09)}.btn.secondary{background:white;border-color:var(--line);color:#4e6251}.btn.small{font-size:11px;padding:6px 10px}.btn.danger{background:#fff3f0;color:var(--red);border-color:#edd5cd}.actions{display:flex;gap:8px;flex-wrap:wrap}.welcome-strip{background:#eaf0de;border:1px solid #e0e8d4;border-radius:9px;display:flex;align-items:center;gap:14px;padding:17px 20px;margin-bottom:25px}.welcome-strip .strip-icon{font-size:24px;color:#5c7854}.welcome-strip strong{font-size:12px;font-weight:600}.welcome-strip p{font-size:11px;color:#6d7f65;margin:3px 0 0}.welcome-strip .text-link{margin-left:auto;white-space:nowrap}.text-link{color:#567149;font-size:11px;background:none;border:0;padding:3px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow);position:relative}.stat-label{font-size:11px;color:#6e8073;display:flex;justify-content:space-between;align-items:center}.stat-icon{display:grid;place-items:center;background:#eff4e8;color:#698153;width:28px;height:28px;border-radius:7px;font-size:17px}.stat:nth-child(2) .stat-icon{background:#faf0e6;color:#bc8a5b}.stat:nth-child(3) .stat-icon{background:#eaf0f2;color:#6e8c97}.stat:nth-child(4) .stat-icon{background:#f2eee6;color:#ac956f}.stat-value{font-size:27px;font-weight:550;letter-spacing:-.9px;margin:12px 0 9px;overflow-wrap:anywhere}.stat-value small{font-size:17px;color:#7d8a78;font-weight:400;margin-left:4px}.stat-foot{font-size:10px;color:#8b968a;border-top:1px solid #f1f3ed;padding-top:11px}.stat-foot .trend{color:#5d7c4d;margin-right:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;margin-bottom:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:20px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:13px;font-weight:600;margin:0}.panel-head p{font-size:10px;color:#93a08f;margin:4px 0 0}.panel-head .pill{border:1px solid var(--line);border-radius:5px;padding:5px 9px;font-size:10px;color:#7c8c79}.chart{height:205px;padding:12px 22px 10px;display:flex;gap:15px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:9px;color:#91a08a;min-width:35px}.chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e9eee4;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f2f4ed 39px,#f2f4ed 40px);padding:0 10px 24px;gap:10px}.bar-group{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative;flex:1}.bar{background:#7b9671;width:13px;max-width:25px;border-radius:3px 3px 0 0;min-height:2px}.bar.out{background:#dfbd94}.bar-group span{position:absolute;bottom:-20px;font-size:9px;color:#87967f;white-space:nowrap}.chart-legend{display:flex;gap:20px;justify-content:center;font-size:10px;color:#85927d;padding:12px 0 19px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#7b9671;margin-right:6px}.chart-legend i.out{background:#dfbd94}.due-list{padding:0 22px 10px}.due-item{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0e8;padding:14px 0}.date-chip{border:1px solid #e7ebde;border-radius:6px;min-width:39px;text-align:center;padding:5px 3px;background:#f8f9f3;font-size:17px;line-height:1.1}.date-chip small{display:block;font-size:8px;color:#8d9a83;margin-top:4px;text-transform:uppercase}.due-text{flex:1;min-width:0}.due-text strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.due-text small{font-size:10px;color:#8c9786}.due-amount{font-size:11px;text-align:right;white-space:nowrap}.due-amount small{display:block;font-size:9px;color:#b3784a;margin-top:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:9px;font-weight:550;color:#86927f;text-transform:uppercase;letter-spacing:.7px;background:#fafbf7;padding:12px 20px;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7}td{padding:15px 20px;border-bottom:1px solid #edf0e8;vertical-align:middle}tr:last-child td{border-bottom:0}.numeric{text-align:right;font-variant-numeric:tabular-nums}.positive{color:#4c7b4d}.negative{color:#b87c52}.muted{color:var(--muted)}.table-title{font-weight:550;font-size:12px}.table-title small{display:block;font-size:10px;font-weight:400;color:#8d9b87;margin-top:3px}.badge{display:inline-block;border-radius:4px;padding:4px 7px;font-size:9px;background:#eff4e8;color:#658354;letter-spacing:.2px}.badge.orange{background:#fbf1e7;color:#b38a60}.badge.red{background:#f8ece7;color:#b2735b}.badge.blue{background:#edf2f4;color:#658493}.empty{text-align:center;padding:40px 20px;color:#8a9882;font-size:12px}.empty-icon{display:block;font-size:28px;color:#b4c2a8;margin-bottom:10px}.empty strong{display:block;font-size:13px;color:#5e7558;margin-bottom:6px;font-weight:550}.empty .btn{margin-top:12px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px 22px}.quick-button{border:1px solid #e6eadf;background:#fbfcf8;border-radius:7px;padding:14px 10px;color:#657a5e;text-align:left;display:flex;align-items:center;gap:10px;font-size:11px}.quick-button span{font-size:20px;color:#8c9e7c}footer{padding:14px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.3px;color:#98a18e}footer b{font-weight:400;margin-left:5px}.dot{color:#81a464;font-size:7px;margin:0 5px}.toolbar{padding:16px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-input{max-width:300px!important;flex:1}.toolbar select{width:auto}.count{margin-left:auto;font-size:10px;color:var(--muted)}input,select,textarea{width:100%;padding:10px 11px;background:#fff;border:1px solid #dbe2d6;border-radius:6px;color:#304c3b;min-width:0}input::placeholder{color:#a2ac9a}textarea{min-height:80px;resize:vertical}label{display:block;font-size:11px;color:#65765c}label input,label select,label textarea{margin-top:6px}label small{display:block;color:#8e9b83;font-size:10px;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.note{padding:12px 14px;background:#f4f6ec;border:1px solid #e7ecdc;border-radius:6px;font-size:11px;color:#728463;margin:15px 0}.error{background:#fff0ea;border:1px solid #edc6b8;padding:12px;border-radius:6px;color:#a04a35;font-size:12px;margin:0 0 15px}.error:empty{display:none}dialog{border:1px solid #e0e7d9;border-radius:13px;padding:0;box-shadow:0 30px 120px #0d2e3450;width:700px;max-width:calc(100vw - 30px);max-height:90vh;color:var(--ink)}dialog.wide{width:1010px}dialog::backdrop{background:#142e3266;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:23px 28px 19px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{font-size:22px;font-family:Georgia,serif;font-weight:400;margin:5px 0 0}#dialog-body{padding:24px 28px}.icon-button{border:0;background:transparent;font-size:25px;line-height:1;color:#84947b;padding:7px}.line-header,.doc-line{display:grid;grid-template-columns:minmax(170px,2.3fr) 70px 90px 100px 70px 30px;gap:8px;align-items:end}.line-header{font-size:10px;color:#84937a;margin:20px 0 8px}.doc-line{margin:10px 0}.doc-line input,.doc-line select{padding:8px;font-size:12px}.doc-totals{margin:20px 0 0 auto;max-width:260px}.doc-totals div{display:flex;justify-content:space-between;padding:7px 0;font-size:12px;color:#6e7f63}.doc-totals .grand{border-top:1px solid #dce5d2;font-size:18px;color:var(--green);margin-top:8px;padding-top:14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px}.detail-grid small{display:block;color:#8b9b80;font-size:10px;margin-bottom:5px}.detail-grid strong{font-size:13px;font-weight:500}.report-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr auto;gap:12px;align-items:end;padding:20px}.balance-strip{display:flex;justify-content:space-between;padding:20px;border-top:1px solid var(--line);background:#f8faf4;font-size:12px}.balance-strip strong{display:block;font-size:23px;margin-top:5px;font-weight:500}.account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.account-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}.account-card h3{font-size:14px;margin:10px 0 2px;font-weight:550}.account-card .amount{font-size:27px;margin:15px 0 5px;letter-spacing:-.7px}.account-card .account-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#eef3e5;color:#6d8556;font-size:21px}.account-card small{font-size:10px;color:#8a9b7b}.account-card .actions{margin-top:20px}#toast{position:fixed;bottom:25px;left:calc(50% + 127px);transform:translateX(-50%) translateY(80px);padding:12px 23px;background:#214b3a;color:white;border-radius:8px;box-shadow:0 5px 35px #153e3c25;font-size:12px;z-index:100;opacity:0;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.loading{padding:100px;text-align:center;color:#718966}.stack{display:grid;gap:20px}.section-label{font-size:12px;font-weight:500;margin:0 0 14px;color:#7a8d6c}.print-heading{display:none}.danger-text{color:var(--red)}
@media(min-width:1500px){main{padding:40px 48px}.stat-value{font-size:32px}.chart{height:240px}}@media(max-width:1150px){.sidebar{width:218px;padding:28px 14px}.brand{font-size:22px}.shell{margin-left:218px}.topbar{padding:0 25px}main{padding:28px 25px}.stats{gap:10px}.stat{padding:15px}.stat-value{font-size:23px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:15px}.quick-grid{grid-template-columns:repeat(2,1fr)}.account-cards{grid-template-columns:repeat(2,1fr)}.report-controls{grid-template-columns:1fr 1fr}#toast{left:calc(50% + 109px)}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s;width:245px;box-shadow:5px 0 30px #0002}.sidebar.open{transform:translateX(0)}.shell{margin:0}.mobile-menu{display:block!important}.topbar{height:68px;padding:0 19px;gap:12px}.breadcrumbs{margin-right:auto}.breadcrumbs>span,.breadcrumbs>strong{display:none}.header-right{gap:12px}.header-right>#top-date{display:none}main{padding:25px 18px}.page-head h1{font-size:29px}.stats{grid-template-columns:1fr 1fr;gap:12px}.dashboard-grid{grid-template-columns:1fr}.welcome-strip{padding:14px}.welcome-strip .text-link{display:none}.account-cards{grid-template-columns:1fr 1fr}#toast{left:50%}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-button{flex-direction:column;align-items:flex-start}.report-controls{grid-template-columns:1fr 1fr}footer{padding:14px 18px}.page-head{align-items:flex-start}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.page-head .actions{max-width:140px;justify-content:flex-end}.page-head>.btn{padding:9px 11px}.page-head p{max-width:240px}.stat-value{font-size:24px}.stat{padding:16px}.stat-label{font-size:10px}.stat-foot{font-size:9px}.quick-grid{grid-template-columns:1fr 1fr}.quick-button{flex-direction:row}.account-cards{grid-template-columns:1fr}.dialog-head{padding:19px}#dialog-body{padding:19px}.line-editor{overflow:auto}.line-header,.doc-line{min-width:650px}.report-controls{grid-template-columns:1fr}.detail-grid{gap:15px}.backup-button span{display:none}.header-right{gap:9px}.balance-strip strong{font-size:20px}.breadcrumbs{font-size:10px}footer{font-size:8px}}
@media print{.sidebar,.topbar,footer,.page-head,.report-controls,.toolbar,.actions,.form-actions,#toast,dialog .dialog-head button{display:none!important}.shell{margin:0}main{padding:0}.panel{border:0;box-shadow:none}body{background:white}th,td{padding:9px;font-size:10px}.print-heading{display:block}.report-controls+div{display:block}dialog{position:absolute;max-width:100%;max-height:none;border:0;box-shadow:none;width:100%;overflow:visible}body:has(dialog[open]) .shell{display:none}dialog::backdrop{background:white}.badge{border:1px solid #ddd}}

main>.panel+.panel{margin-top:22px}
/* Sign-in and first-account setup */
[hidden]{display:none!important}.auth-mode>.sidebar,.auth-mode>.shell,.auth-mode>.skip{display:none}.auth-mode #toast{left:50%}#auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:#193c34;color:#dce7c2;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;gap:60px;min-height:100vh}.auth-brand{font-family:Georgia,serif;font-size:60px;line-height:1;display:flex;gap:7px;align-items:center;color:#e5efc4}.auth-brand>span{color:#dfaa74}.auth-brand strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:26px;letter-spacing:-1px;margin-left:12px;color:white}.auth-brand strong span{font-weight:350;color:#cfdfcf}.auth-intro h1{font-family:Georgia,serif;font-size:47px;line-height:1.22;font-weight:400;letter-spacing:-1px;margin:20px 0}.auth-intro p{color:#a3bdab;font-size:14px;line-height:1.9;max-width:370px}.auth-intro>.eyebrow,.auth-intro .eyebrow{color:#a6bd94}.auth-intro>small{font-size:11px;color:#84a28e}.auth-content{display:flex;align-items:center;justify-content:center;padding:40px 35px}.auth-card{width:100%;max-width:380px}.auth-card h2{font-family:Georgia,serif;font-size:33px;letter-spacing:-.7px;font-weight:400;margin:12px 0}.auth-card>p{font-size:13px;color:#7f8c77;margin-bottom:30px;line-height:1.8}.auth-card label{margin-top:18px}.auth-card input{padding:13px 12px;background:#fff}.auth-submit{width:100%;justify-content:space-between;padding:14px 18px;margin-top:26px}.auth-hint{display:block;color:#8b9981;font-size:10px;margin-top:6px}.auth-foot{margin-top:30px;padding-top:18px;border-top:1px solid #dfe6d7;color:#8a9980;font-size:11px}.auth-card .error:empty{display:none}@media(max-width:850px){#auth-screen{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:25px 30px;gap:10px}.auth-intro>div,.auth-intro>small{display:none}.auth-brand{font-size:43px}.auth-brand strong{font-size:24px}.auth-content{padding:40px 24px;align-items:flex-start}.header-right{flex-wrap:wrap;gap:5px}.header-right .backup-button{font-size:10px;padding:7px}.profile{display:none}}@media(max-width:560px){.breadcrumbs{display:none}.topbar{justify-content:flex-start}.header-right{margin-left:auto}}
/* Match document totals to the right inset of the line-item amount column. */
#dialog-body>.table-wrap+.doc-totals{margin-right:20px}
@media print{#dialog-body>.table-wrap+.doc-totals{margin-right:9px}}
.company-heading{display:flex;align-items:center;gap:20px;padding:22px;border-bottom:1px solid var(--line)}.company-heading h2{margin:0;font-size:18px;font-weight:600}.company-heading p{margin:5px 0 0;font-size:11px;color:var(--muted)}.company-logo{display:block;max-width:160px;max-height:75px;object-fit:contain;flex-shrink:0}#dialog-body>.company-heading{padding:0 0 20px;margin-bottom:20px}.logo-settings{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.logo-settings h3{margin:0;font-size:14px;font-weight:600}.logo-settings>p{font-size:11px;color:var(--muted);margin:7px 0 18px}.logo-upload-row{display:flex;align-items:center;gap:20px}.logo-preview{width:150px;min-height:100px;border:1px dashed #cbd6c4;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:12px;background:#fbfcf8;flex-shrink:0}.logo-preview img{display:block;max-width:100%;max-height:100px;object-fit:contain}.logo-preview span{font-size:11px;color:var(--muted)}.logo-upload-fields{flex:1;min-width:0}.logo-upload-fields .actions{margin-top:14px}@media(max-width:560px){.logo-upload-row{align-items:flex-start;flex-direction:column}.logo-upload-fields{width:100%}.company-logo{max-width:110px;max-height:60px}.company-heading{gap:14px}.company-heading h2{font-size:15px}}@media print{.company-heading{break-inside:avoid}.company-logo{max-width:150px;max-height:70px}}
.forex-form{padding:22px}.forex-form .form-grid{max-width:750px}body:has([data-form="forex"]) .stat-value{font-size:22px}.forex-form input[readonly]{background:#f4f6f0;color:#86927d}
.sidebar nav{min-height:0;overflow-y:auto}.fx-preview{margin:0}
/* Finance navigation */
.finance-icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;vertical-align:middle}.sidebar{padding-top:25px}.sidebar .brand{margin-bottom:23px}.sidebar .workspace{margin-bottom:23px}.sidebar nav{display:block;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#627c67 transparent;padding:0 3px 8px}.sidebar nav .nav-group{margin-bottom:5px}.sidebar nav .nav-group-toggle{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;background:transparent;border-radius:7px;color:#bbcebf;text-align:left;font-size:12px;font-weight:550;line-height:1.4}.sidebar nav .nav-group-toggle:hover,.sidebar nav .nav-link:hover{background:#2d5145;color:#fff}.sidebar nav .has-active>.nav-group-toggle{color:#e7efdb}.sidebar nav .nav-group-toggle>span,.sidebar nav a>span{flex:1;min-width:0}.sidebar nav .nav-chevron{width:13px;height:13px;margin-left:auto;opacity:.7;transition:transform .15s}.sidebar nav [aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.sidebar nav .nav-children{padding:3px 0 5px 14px;margin-left:21px;border-left:1px solid #708e7145}.sidebar nav .nav-child{padding:9px 9px;margin:2px 0;gap:9px;font-size:11px;border-radius:6px;color:#9eb7a5;line-height:1.4}.sidebar nav .nav-child .finance-icon{width:16px;height:16px;opacity:.8}.sidebar nav .nav-child.active,.sidebar nav .nav-link.active{background:#dce7c2;color:#244735;font-weight:650}.sidebar nav .nav-link{padding:11px 12px;gap:11px;font-size:12px;margin-bottom:5px;font-weight:550;line-height:1.4}.sidebar-bottom{flex-shrink:0;padding-top:15px;padding-bottom:10px}.sidebar .settings-link{flex-shrink:0;font-size:12px}.operation-form{padding:0 22px 22px}.movement-controls{padding:20px;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end;border-bottom:1px solid var(--line)}.collection-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.report-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}.report-tile{display:grid;gap:10px;padding:22px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:var(--shadow)}.report-tile>.finance-icon{color:var(--green);width:27px;height:27px}.report-tile strong{font-size:13px}.report-tile span{font-size:11px;color:var(--muted)}.report-tile:hover{border-color:#96ae88}.quick-button .finance-icon{color:#809772}.btn .finance-icon{width:16px;height:16px}.stat-icon .finance-icon{width:18px;height:18px}@media(max-width:1150px){.movement-controls{grid-template-columns:1fr 1fr}.sidebar nav .nav-group-toggle,.sidebar nav .nav-link{padding:10px 8px}.sidebar nav .nav-child{font-size:10px;padding-left:6px}}@media(max-width:850px){.sidebar{width:270px}.sidebar nav .nav-child{font-size:11px}.report-tiles{grid-template-columns:1fr}.collection-stats{grid-template-columns:1fr 1fr}.page-head .actions{justify-content:flex-end}.movement-controls{grid-template-columns:1fr 1fr}}@media(max-width:560px){.movement-controls{grid-template-columns:1fr}.collection-stats{grid-template-columns:1fr}.collection-stats .stat-value{font-size:26px}}@media print{.report-tiles,.movement-controls{display:none!important}}
.sidebar-backdrop{display:none}@media(max-width:850px){body:has(.sidebar.open) .sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:#102c3266;z-index:19}}
.auth-mode .sidebar-backdrop{display:none!important}
@media(max-width:850px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}

.line-editor .line-header,.line-editor .doc-line{grid-template-columns:minmax(170px,2.8fr) 65px 80px 95px 100px 85px 60px 28px;min-width:850px}.line-editor{overflow-x:auto}.document-discount-fields{margin-top:22px;padding:18px;background:#f7f9f2;border-radius:8px}.document-discount-fields p{margin:0;font-size:11px;line-height:1.7}.commercial-description small,.quote-line-description small{display:block;font-size:9px;font-weight:400;color:#a97631;margin-top:6px}

/* Shared company entrance: one address, company code + user credentials. */
body.auth-mode{background:#f5f7f6}#auth-screen{display:block;min-height:100vh}.auth-unified{min-height:100vh;box-sizing:border-box;padding:45px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}
.auth-unified-card{box-sizing:border-box;width:100%;max-width:460px;background:white;border:1px solid #e7ece6;border-radius:16px;padding:36px 38px;box-shadow:0 12px 45px #203b330a,0 2px 5px #203b3308}
.auth-unified-card .auth-brand{justify-content:center;font-size:58px;color:#23594d;margin:0 0 30px;gap:2px}.auth-unified-card .auth-brand strong{font-size:29px;color:#23594d;margin-left:9px}.auth-unified-card .auth-brand strong span{color:#7e907e}
.auth-unified-card>.eyebrow{display:block;text-align:center;font-size:9px;letter-spacing:1.8px}.auth-unified-card h2{text-align:center;font-size:29px;margin:10px 0}.auth-unified-card>p{text-align:center;font-size:12px;line-height:1.6;margin:0 0 24px}
.auth-unified-card form>label{font-size:12px;color:#536b60;font-weight:500;margin-top:16px;display:block}.auth-unified-card input{width:100%;box-sizing:border-box;border-radius:8px;padding:12px;font-size:14px;margin-top:7px}.auth-unified-card input[readonly]{background:#f5f8f4}
.auth-password{position:relative}.auth-password input{padding-right:66px}.auth-password button{position:absolute;right:8px;top:14px;padding:7px 6px;border:0;border-radius:4px;background:transparent;color:#607b6a;font-size:11px}.auth-password button:hover{background:#edf3ed}.auth-password button:focus-visible{outline:2px solid #23594d}
.auth-unified-card .auth-submit{justify-content:center;gap:14px;margin-top:22px;border-radius:8px;font-size:14px;padding:13px}
.auth-unified-card label.auth-remember{display:flex;align-items:center;gap:9px;font-size:11px;color:#7c8d7c;font-weight:400}.auth-remember input{width:15px;height:15px;margin:0;accent-color:#23594d}
.auth-mode-switch{display:block;width:100%;box-sizing:border-box;text-align:center;margin-top:19px;padding:6px;background:transparent;border:0;color:#4b7060;font-size:12px}.auth-mode-switch:hover{text-decoration:underline}.auth-mode-switch:focus-visible{outline:2px solid #23594d;outline-offset:2px}.auth-unified-card .auth-foot{text-align:center;font-size:10px;line-height:1.7;margin-top:20px;padding-top:16px}.auth-copyright{color:#92a08e;font-size:10px;text-align:center}
@media(max-width:520px){.auth-unified{padding:22px 16px}.auth-unified-card{padding:28px 24px}.auth-unified-card .auth-brand{font-size:49px;margin-bottom:24px}.auth-unified-card .auth-brand strong{font-size:26px}.auth-unified-card h2{font-size:27px}}
@media(max-height:800px){.auth-unified{padding:20px 24px;gap:12px}.auth-unified-card{padding:25px 34px}.auth-unified-card .auth-brand{font-size:50px;margin-bottom:18px}.auth-unified-card h2{font-size:26px;margin:8px 0}.auth-unified-card>p{margin-bottom:18px}.auth-unified-card form>label{margin-top:12px}.auth-unified-card input{padding-top:10px;padding-bottom:10px}.auth-unified-card .auth-submit{margin-top:18px;padding:11px}.auth-mode-switch{margin-top:12px}.auth-unified-card .auth-foot{margin-top:14px;padding-top:12px}}

/* Print-first commercial quotation: system data, reusable on screen and paper. */
dialog.quote-dialog{width:1100px}.quote-dialog #dialog-body{background:#eef2ee;padding:24px}.quote-preview{max-width:920px;margin:auto;color:#253f37}.quote-sheet{background:#fff;padding:40px 42px 25px;box-shadow:0 5px 22px #203b3310;margin-bottom:24px;border:1px solid #e3eae2}.quote-masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-bottom:3px solid #23594d;padding-bottom:24px;margin-bottom:28px}.quote-logo-area{max-width:43%;min-height:64px;display:flex;align-items:center}.quote-logo-area img{display:block;max-width:190px;max-height:75px;object-fit:contain}.quote-logo-area>strong{font-size:20px;overflow-wrap:anywhere;line-height:1.4}.quote-doc-meta{text-align:right;max-width:55%}.quote-eyebrow{font-size:8px;letter-spacing:1.9px;color:#809884;font-weight:650}.quote-doc-meta h2{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.2;margin:7px 0 13px;color:#23594d}.quote-doc-meta dl{margin:0;font-size:10px;line-height:1.7}.quote-doc-meta dl>div{display:flex;justify-content:flex-end;gap:18px}.quote-doc-meta dt{color:#8b998c;flex-shrink:0}.quote-doc-meta dd{margin:0;font-weight:550;overflow-wrap:anywhere}.quote-parties{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:0 0 30px}.quote-contact h3{font-size:13px;line-height:1.5;margin:9px 0 8px;overflow-wrap:anywhere}.quote-contact p{font-size:11px;line-height:1.7;margin:2px 0;color:#697b6c;white-space:pre-line;overflow-wrap:anywhere}.quote-contact small{display:block;font-size:10px;color:#849581;margin-top:6px}.quote-introduction{font-size:11px;color:#61765f;line-height:1.8;margin:0 0 22px}.quote-introduction p{margin:0 0 8px}.quote-items-wrap{overflow:auto}.quote-items{table-layout:fixed;white-space:normal;font-size:11px}.q-col-index{width:5%}.q-col-description{width:38%}.q-col-quantity{width:13%}.q-col-price{width:16%}.q-col-vat{width:8%}.q-col-total{width:20%}.quote-items th{background:#23594d;color:#fff;border:0;letter-spacing:.2px;text-transform:none;font-size:9px;padding:12px 8px;vertical-align:middle}.quote-items th small{display:block;font-size:8px;font-weight:400;color:#d6e4d6}.quote-items td{font-size:11px;padding:15px 8px;border-color:#e8eee7;vertical-align:top;line-height:1.6}.quote-items tbody tr:nth-child(odd){background:#f7faf7}.quote-line-description{font-weight:550;white-space:pre-line;overflow-wrap:anywhere}.quote-line-index{color:#8d9d88;font-size:9px!important}.quote-totals{max-width:330px;margin:22px 8px 25px auto}.quote-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:11px;padding:9px 10px}.quote-totals strong{white-space:nowrap}.quote-grand-total{background:#eaf2e9;border-radius:5px;margin-top:8px;color:#23594d;font-size:15px!important;padding-top:13px!important;padding-bottom:13px!important}.quote-grand-total small{display:block;font-size:9px;font-weight:400;color:#799076}.quote-fx{text-align:right;font-size:10px;line-height:1.7;color:#85967c}.quote-note{font-size:11px;border-top:1px solid #e4ece2;padding-top:15px}.quote-note h3{font-size:11px}.quote-note p{white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}.quote-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:8px;line-height:1.5;margin-top:35px;border-top:1px solid #dfe7db;padding:13px 0 0;color:#8b9b83}.quote-footer span{overflow-wrap:anywhere}.quote-terms-sheet .quote-masthead{margin-bottom:22px}.quote-section{margin:0 0 25px;break-inside:avoid}.quote-section>h3{font-size:13px;font-weight:650;color:#23594d;border-bottom:1px solid #dce7da;padding-bottom:9px;margin:0 0 16px}.quote-conditions{counter-reset:condition;list-style:none;padding:0;margin:0;display:grid;gap:14px}.quote-conditions li{counter-increment:condition;position:relative;padding-left:30px;break-inside:avoid}.quote-conditions li:before{content:counter(condition,decimal-leading-zero);position:absolute;left:0;top:0;color:#95ad8b;font-size:10px;font-weight:650}.quote-conditions h4{font-size:11px;margin:0 0 4px;color:#365940}.quote-conditions p,.quote-approval>p{font-size:10px;line-height:1.75;margin:0;color:#6b7d64}.quote-bank-list{font-size:10px}.quote-bank-list>div{display:grid;grid-template-columns:1fr 2fr;gap:15px;padding:11px 12px;background:#f5f8f2;border-bottom:1px solid white;break-inside:avoid}.quote-bank-list strong{font-weight:550}.quote-bank-list span{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.quote-empty{font-size:10px;color:#8a9982}.quote-approval-fields{margin-top:15px;display:grid;gap:9px}.quote-approval-fields>div{display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:10px;line-height:1.6;break-inside:avoid}.quote-approval-fields>div>span{color:#8a9a81}.quote-approval-fields strong{font-weight:450;white-space:pre-line;overflow-wrap:anywhere}.quote-write-line{display:block;border-bottom:1px dotted #bbcbb1;height:16px;max-width:270px}.quote-signature{border:1px solid #dce7d5;height:85px;border-radius:5px;font-size:10px;color:#8b9e7c;padding:10px;margin-top:17px}.quote-actions{max-width:920px;margin:0 auto;align-items:center}.quote-status{margin-left:auto}.report-heading{padding:24px 22px 15px;border-bottom:1px solid var(--line)}.report-heading h2{margin:0 0 6px;font-size:20px;font-family:Georgia,serif;font-weight:400}.report-heading p{font-size:11px;color:var(--muted);margin:0}.report-account-context{font-size:12px;font-weight:500;color:#566d51}.report-actions-row{padding:13px 22px}.report-actions-row .actions{margin-left:auto}
@media(max-width:650px){.quote-dialog #dialog-body{padding:12px}.quote-sheet{padding:22px 17px}.quote-parties{gap:20px}.quote-doc-meta h2{font-size:25px}.quote-logo-area img{max-width:120px;max-height:60px}.quote-masthead{gap:15px}.quote-doc-meta dl>div{gap:8px}.quote-items{min-width:660px}.quote-bank-list>div{grid-template-columns:1fr;gap:5px}.quote-approval-fields>div{grid-template-columns:105px 1fr;gap:10px}}
@media print{
 @page{size:A4;margin:12mm}
 body:has(.quote-dialog[open]) .sidebar,body:has(.quote-dialog[open]) .shell{display:none!important}
 .quote-dialog[open]{position:absolute;top:0;left:0;margin:0;width:100%;max-width:none;border:0;overflow:visible;background:white}
 .quote-dialog .dialog-head,.quote-actions{display:none!important}.quote-dialog #dialog-body{padding:0;background:white;overflow:visible}.quote-preview{max-width:none}.quote-sheet{padding:0;margin:0;border:0;box-shadow:none;min-height:0}.quote-terms-sheet{break-before:page;page-break-before:always}.quote-masthead{padding-bottom:17px;margin-bottom:22px}.quote-doc-meta h2{font-size:28px}.quote-items{min-width:0!important;font-size:9px}.quote-items th{font-size:8px;padding:9px 6px;background:#23594d!important;color:#fff!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.quote-items td{font-size:9px;padding:10px 6px}.quote-items thead{display:table-header-group}.quote-items tr{break-inside:avoid}.quote-items-wrap{overflow:visible}.quote-parties{gap:28px;margin-bottom:20px}.quote-contact p,.quote-introduction{font-size:9px}.quote-contact h3{font-size:11px}.quote-contact small{font-size:8px}.quote-introduction{margin-bottom:16px}.quote-grand-total,.quote-bank-list>div,.quote-items tbody tr:nth-child(odd){print-color-adjust:exact;-webkit-print-color-adjust:exact}.quote-footer{display:flex!important;font-size:7px;padding:9px 0 0;margin-top:24px}.quote-section{margin-bottom:20px;break-inside:auto}.quote-conditions{gap:10px}.quote-conditions h4{font-size:10px}.quote-conditions p,.quote-approval>p{font-size:9px;line-height:1.6}.quote-section>h3{font-size:12px;margin-bottom:12px}.quote-approval{break-inside:avoid}.quote-signature{height:65px}.quote-approval-fields{gap:7px}.quote-approval-fields>div{font-size:9px}.report-heading{padding:0 0 14px}.report-heading h2{font-size:24px}.report-heading p{font-size:11px}.report-actions-row{padding:12px 0}.report-account-context{font-size:11px}
}

/* A4 composition is identical on screen and paper: 15 product rows at most. */
.quote-preview{width:210mm;max-width:none;margin:0 auto}
.quote-dialog #dialog-body{overflow-x:auto}
.quote-sheet{box-sizing:border-box;width:210mm;min-height:297mm;padding:10mm;margin:0 0 18px;font-size:10.5px;line-height:1.35}
.quote-page-content{width:100%}.quote-density-0{--q-font:10.5px;--q-row:4px}.quote-density-1{--q-font:10px;--q-row:3px}.quote-density-2{--q-font:9px;--q-row:2px}
.quote-product-sheet{--q-font:10.5px;--q-row:4px}
.quote-product-sheet .quote-masthead{gap:20px;padding-bottom:12px;margin-bottom:14px;border-bottom-width:2px}
.quote-product-sheet .quote-logo-area{min-height:45px}.quote-product-sheet .quote-logo-area img{max-width:150px;max-height:48px}
.quote-product-sheet .quote-doc-meta h2{font-size:26px;margin:4px 0 7px}.quote-product-sheet .quote-doc-meta dl{font-size:9px;line-height:1.45}
.quote-product-sheet .quote-parties{gap:25px;margin-bottom:12px}.quote-product-sheet .quote-contact h3{font-size:11px;margin:5px 0;line-height:1.3}
.quote-product-sheet .quote-contact p{font-size:9px;line-height:1.35;margin:1px 0}.quote-product-sheet .quote-contact small{font-size:8px;margin-top:3px}
.quote-product-sheet .quote-introduction{font-size:9px;line-height:1.4;margin-bottom:10px}.quote-product-sheet .quote-introduction p{margin-bottom:4px}
.quote-items{width:100%;min-width:0!important}.q-col-index{width:4%}.q-col-description{width:43%}.q-col-quantity{width:12%}.q-col-price{width:16%}.q-col-vat{width:6%}.q-col-total{width:19%}
.quote-product-sheet .quote-items th{font-size:8px;padding:6px 4px;line-height:1.3;letter-spacing:0}.quote-product-sheet .quote-items th small{font-size:7px}
.quote-product-sheet .quote-items td{font-size:var(--q-font);padding:var(--q-row) 4px;line-height:1.3;vertical-align:top}
.quote-product-sheet .quote-line-description small{font-size:8px;line-height:1.25;margin-top:2px}.quote-product-sheet .quote-line-index{font-size:8px!important}
.quote-closing{break-inside:avoid}.quote-product-sheet .quote-totals{max-width:300px;margin:10px 0 8px auto}
.quote-product-sheet .quote-totals>div{font-size:var(--q-font);padding:3px 7px;gap:10px}.quote-product-sheet .quote-grand-total{font-size:13px!important;margin-top:4px;padding:6px 7px!important}
.quote-product-sheet .quote-grand-total small{font-size:8px}.quote-product-sheet .quote-fx{font-size:8px;line-height:1.35;margin:4px 0}
.quote-product-sheet .quote-note{font-size:var(--q-font);padding-top:6px}.quote-product-sheet .quote-note h3{font-size:10px;margin:0 0 4px}.quote-product-sheet .quote-note p{font-size:var(--q-font);line-height:1.35;margin:0}
.quote-product-sheet .quote-footer{font-size:7px;line-height:1.35;margin-top:12px;padding-top:6px}
.quote-product-sheet .quote-items-wrap{overflow:visible}.quote-items td.numeric{white-space:nowrap}
@media print{
 @page quote-paper{size:A4;margin:0}
 html:has(.quote-dialog[open]),body:has(.quote-dialog[open]){margin:0!important;padding:0!important}
 .quote-dialog[open]{box-sizing:border-box;position:static!important;width:210mm!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
 .quote-dialog #dialog-body{margin:0!important;padding:0!important;overflow:visible!important}
 .quote-preview{width:210mm;max-width:none;margin:0}
 .quote-sheet{page:quote-paper;width:210mm;min-height:296.8mm;padding:10mm!important;margin:0!important;box-sizing:border-box;border:0;box-shadow:none;break-before:page;page-break-before:always}
 .quote-sheet:first-child{break-before:auto;page-break-before:auto}
 .quote-sheet .quote-page-content{width:100%}.quote-product-sheet .quote-footer{display:flex!important}
 .quote-terms-sheet .quote-masthead{padding-bottom:12px;margin-bottom:16px}
}
.quote-product-sheet.quote-density-1{--q-font:10px;--q-row:3px}.quote-product-sheet.quote-density-2{--q-font:9px;--q-row:2px}
.quote-product-sheet .quote-logo-area img{width:150px;height:48px;object-fit:contain}
.quote-terms-sheet .quote-masthead{gap:20px;padding-bottom:12px;margin-bottom:16px}.quote-terms-sheet .quote-logo-area{min-height:45px}.quote-terms-sheet .quote-logo-area img{width:150px;height:48px;object-fit:contain}.quote-terms-sheet .quote-doc-meta h2{font-size:26px;margin:4px 0 7px}.quote-terms-sheet .quote-doc-meta dl{font-size:9px;line-height:1.45}
.quote-terms-sheet .quote-section{margin-bottom:18px}.quote-terms-sheet .quote-section>h3{font-size:12px;margin-bottom:10px;padding-bottom:6px}
.quote-terms-sheet .quote-conditions{gap:9px}.quote-terms-sheet .quote-conditions h4{font-size:10px;margin-bottom:3px}.quote-terms-sheet .quote-conditions p,.quote-terms-sheet .quote-approval>p{font-size:9px;line-height:1.45}.quote-terms-sheet .quote-bank-list>div{font-size:9px;padding:8px 10px}
.quote-terms-sheet .quote-approval-fields{margin-top:10px;gap:6px}.quote-terms-sheet .quote-approval-fields>div{font-size:9px;line-height:1.4}.quote-terms-sheet .quote-signature{height:60px;padding:8px;margin-top:12px}.quote-terms-sheet .quote-footer{font-size:7px;margin-top:14px;padding-top:7px}
/* Each logical A4 page owns its footer; short content cannot pull it upward. */
.quote-sheet{position:relative}
.quote-sheet .quote-footer{position:absolute;left:10mm;right:10mm;bottom:10mm;margin:0!important}
.quote-sheet .quote-footer span{min-width:0;overflow-wrap:anywhere}
.quote-sheet .quote-footer span:last-child{text-align:right}

dialog.commercial-dialog{width:1120px}.commercial-dialog #dialog-body{background:#f1f3f5;padding:26px}.commercial-sheet{max-width:980px;margin:auto;background:white;padding:36px 40px;color:#293649;border:1px solid #e0e5eb;box-shadow:0 8px 30px #2030430b}.commercial-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:3px solid #de9226;padding-bottom:22px;margin-bottom:20px}.commercial-masthead img{max-width:180px;max-height:66px;object-fit:contain}.commercial-brand{font-size:18px;font-weight:650}.commercial-masthead>div:last-child{text-align:right}.commercial-eyebrow{font-size:8px;color:#8d98a6;letter-spacing:2px}.commercial-masthead h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:7px 0 9px;color:#27364b}.commercial-masthead strong{font-size:11px;font-weight:500}.commercial-box{border:1px solid #dfe5ec;padding:18px 20px;min-width:0}.commercial-box h3{font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 15px;border-bottom:1px solid #e1e6ed;padding-bottom:10px;color:#607088;font-weight:650}.commercial-box h4{font-size:15px;margin:0 0 10px;line-height:1.5;overflow-wrap:anywhere}.commercial-box p{font-size:11px;line-height:1.8;margin:3px 0;color:#697689;white-space:pre-line;overflow-wrap:anywhere}.commercial-company{margin-bottom:12px}.commercial-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.commercial-details{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-bottom:18px}.commercial-tax{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-top:22px;overflow-wrap:anywhere}.commercial-details dl{margin:0;display:grid;gap:12px;font-size:10px}.commercial-details dl>div{display:flex;justify-content:space-between;gap:12px}.commercial-details dt{color:#758195}.commercial-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.commercial-table-wrap{overflow:auto}.commercial-table{width:100%;table-layout:fixed;white-space:normal}.commercial-table th{background:#f8fafc;color:#546479;text-transform:none;letter-spacing:0;font-size:10px;padding:13px 7px;border-top:2px solid #de9226;border-bottom:1px solid #dfe5ec}.commercial-table th small{display:block;font-size:8px;color:#8d99a7;font-weight:400}.commercial-table td{font-size:10px;padding:16px 7px;vertical-align:top;line-height:1.6;border-color:#e9edf2}.commercial-table .commercial-description{font-weight:550;white-space:pre-line;overflow-wrap:anywhere}.commercial-table tbody tr:nth-child(even){background:#fafbfd}.commercial-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:20px;break-inside:avoid}.commercial-totals{padding:6px 0 0}.commercial-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;padding:10px 16px}.commercial-totals strong{white-space:nowrap}.commercial-totals .commercial-grand{border-top:1px solid #e3e8ef;background:#fff8ed;padding-top:16px;padding-bottom:16px;margin-top:8px;color:#a46513;font-size:16px}.commercial-grand small{display:block;font-size:8px;color:#a79880;margin-top:4px}.commercial-totals>p{text-align:right;font-size:10px;line-height:1.7;padding:0 16px;color:#6d7d8f}.commercial-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e0e6ed;margin-top:36px;padding-top:12px;font-size:8px;color:#8b96a4}.commercial-signatures{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;font-size:10px}.commercial-signatures>div{border:1px solid #e0e6ed;height:90px;padding:14px}.commercial-signatures span{display:block;color:#9ca5b1;font-size:9px;margin-top:10px}.commercial-actions{max-width:980px;margin:20px auto 0}.commercial-sheet .badge{font-size:9px}
@media(max-width:650px){.commercial-dialog #dialog-body{padding:10px}.commercial-sheet{padding:22px 16px}.commercial-masthead h2{font-size:24px}.commercial-masthead img{max-width:120px}.commercial-details,.commercial-summary{grid-template-columns:1fr}.commercial-table{min-width:700px}.commercial-company-grid{grid-template-columns:1fr}.commercial-tax{flex-wrap:wrap}}
@media print{body:has(.commercial-dialog[open]) .sidebar,body:has(.commercial-dialog[open]) .shell{display:none!important}.commercial-dialog[open]{position:absolute;top:0;left:0;margin:0;width:100%;max-width:none;max-height:none;border:0;overflow:visible;background:white}.commercial-dialog .dialog-head,.commercial-actions{display:none!important}.commercial-dialog #dialog-body{padding:0;background:white}.commercial-sheet{padding:0;border:0;box-shadow:none;max-width:none}.commercial-footer{display:flex!important}.commercial-masthead{padding-bottom:14px;margin-bottom:14px}.commercial-masthead h2{font-size:25px}.commercial-box{padding:13px 15px;break-inside:avoid}.commercial-box p{font-size:9px}.commercial-company-grid{grid-template-columns:1fr 1fr}.commercial-details,.commercial-summary{grid-template-columns:1.3fr 1fr}.commercial-table-wrap{overflow:visible}.commercial-table{min-width:0!important}.commercial-table th{font-size:8px;padding:10px 5px}.commercial-table td{font-size:8px;padding:12px 5px}.commercial-table thead{display:table-header-group}.commercial-table tr,.commercial-signatures{break-inside:avoid}.commercial-totals>div{font-size:10px;padding:9px 10px}.commercial-totals .commercial-grand{font-size:13px}.commercial-grand,.commercial-table th{print-color-adjust:exact;-webkit-print-color-adjust:exact}.commercial-signatures>div{height:70px}.commercial-footer{font-size:7px}}

/* Shared A4 geometry for invoice/order/delivery preview and browser printing. */
.commercial-preview{width:210mm;margin:0 auto}.commercial-dialog #dialog-body{overflow-x:auto}
.commercial-sheet{--c-font:10.5px;--c-row:4px;box-sizing:border-box;width:210mm;max-width:none;min-height:297mm;padding:10mm;margin:0 0 18px;font-size:10.5px;line-height:1.3}
.commercial-sheet.commercial-density-1{--c-font:10px;--c-row:3px}.commercial-sheet.commercial-density-2{--c-font:9px;--c-row:2px}
.commercial-sheet .commercial-masthead{gap:18px;padding-bottom:10px;margin-bottom:10px;border-bottom-width:2px}.commercial-sheet .commercial-masthead img{width:140px;height:42px;max-width:140px;max-height:42px;object-fit:contain}.commercial-sheet .commercial-masthead h2{font-size:25px;margin:4px 0}.commercial-sheet .commercial-masthead strong{font-size:9px}.commercial-sheet .commercial-brand{font-size:15px}
.commercial-sheet .commercial-box{padding:7px 9px;min-width:0}.commercial-sheet .commercial-box h3{font-size:8px;line-height:1.3;padding-bottom:4px;margin-bottom:5px;letter-spacing:.3px}.commercial-sheet .commercial-box h4{font-size:11px;line-height:1.3;margin-bottom:4px}.commercial-sheet .commercial-box p{font-size:9px;line-height:1.35;margin:1px 0}
.commercial-sheet .commercial-company{margin-bottom:7px}.commercial-sheet .commercial-company-grid{grid-template-columns:1fr 1fr;gap:3px 20px}.commercial-sheet .commercial-details{grid-template-columns:1.3fr 1fr;gap:8px;margin-bottom:10px}.commercial-sheet .commercial-tax{font-size:8px;margin-top:6px;gap:7px}.commercial-sheet .commercial-details dl{font-size:9px;gap:5px}.commercial-sheet .commercial-details dl>div{gap:8px}.commercial-sheet .badge{font-size:8px;padding:2px 5px}
.commercial-sheet .commercial-table-wrap{overflow:visible}.commercial-sheet .commercial-table{width:100%;min-width:0!important}.c-col-no{width:4%}.c-col-description{width:39%}.c-col-quantity{width:9%}.c-col-unit{width:8%}.c-col-price{width:16%}.c-col-vat{width:6%}.c-col-total{width:18%}
.commercial-sheet .commercial-table th{font-size:8px;line-height:1.3;padding:6px 4px}.commercial-sheet .commercial-table th small{font-size:7px}.commercial-sheet .commercial-table td{font-size:var(--c-font);line-height:1.3;padding:var(--c-row) 4px}.commercial-sheet .commercial-table td.numeric{white-space:nowrap}.commercial-sheet .commercial-description small{font-size:8px;line-height:1.25;margin-top:2px}
.commercial-closing{break-inside:avoid}.commercial-sheet .commercial-summary{grid-template-columns:1.25fr 1fr;gap:10px;margin-top:10px}.commercial-sheet .commercial-summary .commercial-box p{font-size:var(--c-font);line-height:1.35}.commercial-sheet .commercial-totals{padding-top:0}.commercial-sheet .commercial-totals>div{font-size:var(--c-font);padding:4px 7px;gap:8px}.commercial-sheet .commercial-totals .commercial-grand{font-size:13px;padding:7px;margin-top:4px}.commercial-sheet .commercial-grand small{font-size:7px;margin-top:2px}.commercial-sheet .commercial-totals>p{font-size:8px;line-height:1.35;padding:0 7px;margin:5px 0}
.commercial-sheet .commercial-signatures{gap:15px;margin-top:12px;font-size:9px}.commercial-sheet .commercial-signatures>div{height:60px;padding:8px}.commercial-sheet .commercial-signatures span{font-size:8px;margin-top:7px}.commercial-sheet .commercial-footer{font-size:7px;margin-top:14px;padding-top:6px;line-height:1.35}.commercial-continuation{font-size:9px;color:#697689;margin:0 0 10px}
@media print{
 @page commercial-paper{size:A4;margin:0}
 html:has(.commercial-dialog[open]),body:has(.commercial-dialog[open]){margin:0!important;padding:0!important}
 .commercial-dialog[open]{box-sizing:border-box;position:static!important;width:210mm!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
 .commercial-dialog #dialog-body{margin:0!important;padding:0!important;overflow:visible!important;background:white}
 .commercial-preview{width:210mm;margin:0}
 .commercial-sheet{page:commercial-paper;width:210mm;min-height:296.8mm;padding:10mm!important;margin:0!important;border:0;box-shadow:none;break-before:page;page-break-before:always}
 .commercial-sheet:first-child{break-before:auto;page-break-before:auto}.commercial-sheet .commercial-footer{display:flex!important}.commercial-sheet .commercial-table th,.commercial-sheet .commercial-grand,.commercial-sheet .commercial-table tbody tr:nth-child(even){print-color-adjust:exact;-webkit-print-color-adjust:exact}
}
.commercial-sheet .commercial-description small{display:inline;margin:0;white-space:normal}
.commercial-sheet{position:relative}
.commercial-sheet .commercial-footer{position:absolute;left:10mm;right:10mm;bottom:10mm;margin:0!important}
.commercial-sheet .commercial-footer span{min-width:0;overflow-wrap:anywhere}
.commercial-sheet .commercial-footer span:last-child{text-align:right}
.commercial-sheet.commercial-density-2{--c-font:8.8px;--c-row:1.7px}
.commercial-sheet.commercial-density-2 .commercial-table td{line-height:1.25}
.commercial-sheet.commercial-density-2 .commercial-signatures>div{height:52px}

.invoice-upload{display:grid;gap:14px;border:1px dashed #a4b897;border-radius:10px;padding:25px;margin:20px 0;background:#f8faf4;font-size:13px}.invoice-upload small{font-size:11px;color:var(--muted);line-height:1.8}.invoice-upload input{background:#fff}.import-dialog{width:1160px!important}.import-dialog h3{font-size:14px;color:var(--green);margin:28px 0 15px;border-bottom:1px solid var(--line);padding-bottom:12px}.import-dialog .muted{font-size:11px;line-height:1.7}.invoice-import-lines{min-width:880px;table-layout:fixed;white-space:normal}.invoice-import-lines th:first-child{width:38%}.invoice-import-lines th:nth-child(2){width:10%}.invoice-import-lines th:nth-child(3){width:11%}.invoice-import-lines th:nth-child(4){width:14%}.invoice-import-lines th:nth-child(5){width:9%}.invoice-import-lines th:last-child{width:18%}.invoice-import-lines td{padding:12px 7px;vertical-align:top}.invoice-import-lines input,.invoice-import-lines select{font-size:11px;padding:9px 7px;min-height:36px}.invoice-import-lines small{display:block;font-size:10px;color:var(--muted);margin:8px 0}.invoice-import-lines [data-import-line-total]{font-size:12px;padding-top:22px}.invoice-import-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.8;font-size:12px;margin:24px 0}.invoice-import-consent input{width:18px;min-height:18px;height:18px;flex-shrink:0;margin-top:3px}.invoice-import-text{margin:22px 0;font-size:12px}.invoice-import-text pre{white-space:pre-wrap;font-size:11px;line-height:1.7;background:#f5f7f1;padding:18px;max-height:240px;overflow:auto}.invoice-import-warnings{padding:12px 18px;background:#fff7e6;border:1px solid #f2d8a3;border-radius:8px;font-size:12px;line-height:1.7}.invoice-import-mismatch{background:#fff1e8!important;color:#b46833!important}.invoice-import-totals{font-size:12px;line-height:1.8}

.invoice-import-lines{min-width:1100px}.invoice-import-lines th:first-child{width:30%}.invoice-import-lines th:nth-child(2){width:7%}.invoice-import-lines th:nth-child(3){width:9%}.invoice-import-lines th:nth-child(4){width:11%}.invoice-import-lines th:nth-child(5){width:11%}.invoice-import-lines th:nth-child(6){width:10%}.invoice-import-lines th:nth-child(7){width:7%}.invoice-import-lines th:last-child{width:15%}
.photo-actions267{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.photo-actions267 label{position:relative;overflow:hidden;cursor:pointer}.photo-file267{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-actions267 .btn{min-height:48px;box-sizing:border-box}.photo-source267{margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:10px}.photo-source267 img{display:block;width:100%;max-width:100%;max-height:70vh;object-fit:contain;margin-top:12px}[data-photo-progress]{overflow-wrap:anywhere}@media(max-width:600px){.photo-actions267{flex-direction:column}.photo-actions267 .btn{width:100%;justify-content:center}.import-dialog [data-import-photo-add]{width:100%}}

@font-face{font-family:Manrope;src:url('/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@media screen{
 body{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
 .page-head h1,.dialog-head h2,.auth-card h2{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:650;letter-spacing:-.9px}
 .page-head h1{font-size:30px}.auth-brand strong{font-family:Manrope,sans-serif}
 /* Paper previews use their original metric-compatible typefaces. */
 .quote-preview,.commercial-preview{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
}
.sidebar{--nav-bg:#edf2f9;--nav-ink:#273343;--nav-muted:#8491a4;--nav-line:#dce3ee;--nav-hover:#dfe7f3;--nav-active:#2864f4;--nav-width:276px;width:var(--nav-width);background:var(--nav-bg);color:var(--nav-ink);padding:22px 14px 16px;border-right:1px solid var(--nav-line);box-shadow:3px 0 22px #263d6504;transition:width .2s ease,padding .2s ease}
body[data-nav-theme=dark] .sidebar{--nav-bg:#202124;--nav-ink:#e2e5eb;--nav-muted:#969da9;--nav-line:#35383e;--nav-hover:#2c3441;box-shadow:none}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:0 6px 22px}
.sidebar .brand{margin:0;gap:9px;font-size:23px;letter-spacing:-1.2px;min-width:0;color:var(--nav-ink);font-weight:750}.sidebar .brand-light{color:var(--nav-ink);font-weight:450}.sidebar .brand small{display:none}
.sidebar .brand-mark{display:grid;place-items:center;width:39px;height:43px;border-radius:12px 12px 15px 4px;font-size:37px;line-height:1;background:linear-gradient(145deg,#245bfd,#64d0f1);color:white;box-shadow:0 4px 10px #2864f41a;padding-bottom:3px;flex:none}.sidebar .brand-mark>span{display:none}
.sidebar-toggle{display:grid;place-items:center;width:33px;height:34px;flex:none;padding:7px;border:1px solid var(--nav-line);background:var(--nav-bg);color:var(--nav-ink);border-radius:10px}.sidebar-toggle svg{width:19px;height:19px}.sidebar-toggle:hover{background:var(--nav-hover)}
.sidebar .workspace{border:0;border-bottom:1px solid var(--nav-line);border-radius:0;background:transparent;padding:0 6px 17px;gap:9px;margin-bottom:17px}.sidebar .workspace>div{min-width:0;flex:1}.sidebar .workspace strong{font-size:11px;font-weight:650;color:var(--nav-ink);max-width:180px}.sidebar .workspace small{font-size:9px;color:var(--nav-muted)}.sidebar .avatar{width:29px;height:29px;border-radius:9px;font-size:12px;background:#dce7fc;color:#2864f4}.sidebar .online{background:#33b68b}
.sidebar .nav-label{color:var(--nav-muted);font-size:8px;font-weight:650;letter-spacing:1.4px;margin:0 13px 10px}
.sidebar nav{padding:0 0 10px;scrollbar-color:var(--nav-line) transparent}.sidebar nav .nav-link,.sidebar nav .nav-group-toggle{box-sizing:border-box;min-height:43px;margin:0 0 4px;padding:10px 12px;border-radius:8px;gap:12px;font-family:Manrope,sans-serif;font-size:13px;font-weight:450;color:var(--nav-ink);line-height:1.4;border:1px solid transparent}
.sidebar nav .finance-icon{width:22px;height:22px;flex:none;opacity:1}.sidebar nav .nav-chevron{width:14px;height:14px;margin-left:auto;color:var(--nav-muted)}
.sidebar nav .nav-link:hover,.sidebar nav .nav-group-toggle:hover,.sidebar nav .nav-child:hover{background:var(--nav-hover);color:var(--nav-ink)}
.sidebar nav .nav-link.active,.sidebar nav .has-active>.nav-group-toggle{background:var(--nav-active);border-color:#1b57ed;color:white;font-weight:600;box-shadow:0 3px 9px #2864f412}.sidebar nav .has-active>.nav-group-toggle .nav-chevron{color:white}
.sidebar nav .nav-group{margin-bottom:0}.sidebar nav .nav-children{margin:1px 0 7px 22px;padding:3px 0 3px 10px;border-left:1px solid var(--nav-line)}.sidebar nav .nav-child{font-family:Manrope,sans-serif;font-size:11.5px;font-weight:450;color:var(--nav-muted);padding:9px 9px;gap:9px;line-height:1.4;border-radius:7px;margin:1px 0}.sidebar nav .nav-child .finance-icon{width:17px;height:17px;opacity:1}.sidebar nav .nav-child.active{color:#2864f4;background:#dce7fc;font-weight:650}body[data-nav-theme=dark] .sidebar nav .nav-child.active{background:#29374f;color:#98b9ff}
.sidebar .sidebar-bottom{display:none}.sidebar-controls{flex:none;border-top:1px solid var(--nav-line);padding-top:10px;margin-top:3px;display:grid;gap:3px}.sidebar .settings-link,.sidebar .nav-theme-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--nav-ink);font-family:Manrope,sans-serif;text-align:left;font-size:12px;font-weight:450;white-space:nowrap}.sidebar .settings-link span{font-size:12px}.sidebar .settings-link .finance-icon,.sidebar .nav-theme-toggle .finance-icon{width:21px;height:21px;flex:none}.sidebar .settings-link:hover,.sidebar .nav-theme-toggle:hover{background:var(--nav-hover)}
.sidebar :focus-visible{outline:2px solid #2864f4;outline-offset:2px}
@media(min-width:851px){
 .shell{margin-left:276px;transition:margin-left .2s ease}#toast{left:calc(50% + 138px)}
 body.nav-collapsed .sidebar{width:84px;padding:20px 12px 14px}
 body.nav-collapsed .shell{margin-left:84px}body.nav-collapsed #toast{left:calc(50% + 42px)}
 body.nav-collapsed .sidebar-heading{flex-direction:column-reverse;gap:18px;margin:0 0 25px}
 body.nav-collapsed .sidebar .brand{gap:0}.sidebar .brand>span:last-child{white-space:nowrap}
 body.nav-collapsed .sidebar .brand>span:last-child,body.nav-collapsed .sidebar .workspace,body.nav-collapsed .sidebar .nav-label{display:none}
 body.nav-collapsed .sidebar nav .nav-link,body.nav-collapsed .sidebar nav .nav-group-toggle{width:48px;min-height:46px;padding:11px 12px;margin:0 auto 8px;justify-content:center;gap:0;border-radius:8px}
 body.nav-collapsed .sidebar nav .nav-link>span,body.nav-collapsed .sidebar nav .nav-group-toggle>span,body.nav-collapsed .sidebar nav .nav-chevron,body.nav-collapsed .sidebar nav .nav-children{display:none}
 body.nav-collapsed .sidebar-controls{padding-top:9px}body.nav-collapsed .sidebar .settings-link,body.nav-collapsed .sidebar .nav-theme-toggle{width:48px;margin:auto;padding:12px;justify-content:center;gap:0}
 body.nav-collapsed .sidebar-controls button>span{display:none}
}
@media(max-width:850px){.sidebar{width:276px;transition:transform .2s ease}.sidebar-heading{margin-bottom:18px}.shell{margin-left:0}.sidebar .brand{font-size:23px}.sidebar .nav-children{font-size:12px}#toast{left:50%}}
@media(prefers-reduced-motion:reduce){.sidebar,.shell{transition:none}}
@media print{.shell{margin-left:0!important}}
.rail-menu{position:fixed;z-index:45;width:250px;max-height:calc(100vh - 24px);overflow:auto;padding:10px;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px #12233c26;font-family:Manrope,sans-serif}
.rail-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 10px;gap:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.rail-menu-heading strong{font-size:12px;font-weight:700}.rail-menu-heading button{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;padding:2px 5px;border-radius:6px}
.rail-menu nav{display:grid;gap:3px}.rail-menu nav a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:8px;color:var(--ink);font-size:12px;line-height:1.4}.rail-menu nav a:hover{background:var(--surface-hover,#edf2fa);color:var(--ink)}.rail-menu nav a.active{background:var(--pale);color:var(--green);font-weight:650}.rail-menu .finance-icon{width:19px;height:19px;flex:none}.rail-menu a:focus-visible,.rail-menu button:focus-visible{outline:2px solid #2864f4;outline-offset:-2px}
@media(max-width:850px){.rail-menu{display:none}}
@media print{.rail-menu{display:none!important}}
.auth-mode>.rail-menu{display:none!important}
@media(min-width:851px){body.nav-collapsed .sidebar nav .nav-link,body.nav-collapsed .sidebar nav .nav-group-toggle{min-height:42px;padding:9px 12px;margin-bottom:4px}}

/* Application surfaces share the reference's blue/neutral palette. Paper layouts
   deliberately retain their own colors and font metrics in both preview/print. */
@media screen{
 :root{--ink:#273348;--muted:#7d899c;--green:#2864f4;--pale:#edf3ff;--orange:#d29a46;--line:#e2e7ef;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f7f9fc;--surface-hover:#edf2fa;--shadow:0 4px 20px #243a6606}
 body[data-nav-theme=dark]{color-scheme:dark;--ink:#e3e8f1;--muted:#9ca9bc;--green:#3976ff;--pale:#28344b;--line:#353d4c;--bg:#191d25;--surface:#242a35;--surface-soft:#202631;--surface-hover:#2c3546;--shadow:0 4px 20px #00000010;--red:#ff9b9b}
 body{background:var(--bg);color:var(--ink)}
 .topbar{background:var(--surface);border-color:var(--line);height:76px}.header-right,.breadcrumbs{color:var(--muted)}.breadcrumbs strong{color:var(--ink);font-weight:600}.breadcrumbs span{color:var(--line)}
 .backup-button{border-color:var(--line);color:var(--muted);border-radius:9px;background:var(--surface)}.backup-button:hover{background:var(--surface-soft);color:var(--ink)}.profile{background:var(--pale);color:var(--green)}
 main{padding-top:30px}.page-head h1{color:var(--ink);font-size:30px}.eyebrow{color:#8c9aaf}.page-head p{font-size:12px;line-height:1.7}.page-head{margin-bottom:26px}
 .panel,.stat,.account-card,.report-tile{background:var(--surface);border-color:var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat{padding:21px}.stat-label,.stat-foot,.stat-value small{color:var(--muted)}.stat-label{font-size:11px;font-weight:500}.stat-value{color:var(--ink);font-weight:700;letter-spacing:-1px}.stat-foot{border-color:var(--line);font-size:10px}.stat-foot .trend{color:#288b70}
 .stat-icon,.stat:nth-child(3) .stat-icon{background:var(--pale);color:var(--green);border-radius:9px}.stat:nth-child(2) .stat-icon{background:#fff3df;color:#c58a31}.stat:nth-child(4) .stat-icon{background:#eeecff;color:#8a79cf}
 body[data-nav-theme=dark] .stat:nth-child(2) .stat-icon{background:#3c3326;color:#efbe74}body[data-nav-theme=dark] .stat:nth-child(4) .stat-icon{background:#343048;color:#baa8ff}
 .welcome-strip{background:var(--pale);border-color:transparent;border-radius:13px}.welcome-strip .strip-icon{color:var(--green)}.welcome-strip strong{color:var(--ink);font-weight:650}.welcome-strip p{color:var(--muted)}.text-link{color:var(--green)}
 .panel-head{padding:21px 23px 17px}.panel-head h2{font-size:14px;color:var(--ink);font-weight:650;letter-spacing:-.25px}.panel-head p{color:var(--muted);font-size:11px}.panel-head .pill{border-color:var(--line);color:var(--muted);border-radius:7px}
 .btn{border-radius:9px;font-weight:600;box-shadow:0 2px 4px #2864f40b}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none}.btn.secondary:hover{background:var(--surface-hover)}.btn.danger{background:#fff1f1;border-color:#f4d6d6;color:#ba555b;box-shadow:none}
 body[data-nav-theme=dark] .btn.danger{background:#422d34;border-color:#66404c;color:#ffabb5}
 .btn:focus-visible,:focus-visible{outline-color:var(--green)}
 .toolbar,.panel-head,.balance-strip,.report-heading,.movement-controls{border-color:var(--line)}
 #main table,#dialog-body>div.table-wrap table,.invoice-import-lines{color:var(--ink)}
 #main th,#dialog-body>div.table-wrap th,.invoice-import-lines th{background:var(--surface-soft);color:var(--muted);border-color:var(--line);font-weight:600;font-size:10px}
 #main td,#dialog-body>div.table-wrap td,.invoice-import-lines td{border-color:var(--line)}
 #main tbody tr:hover,#dialog-body>div.table-wrap tbody tr:hover{background:var(--surface-soft)}
 .table-title small,.muted,.empty,.account-card small{color:var(--muted)}.table-title{font-weight:600}.empty-icon{color:#b6c7e6}.account-card .account-icon{background:var(--pale);color:var(--green);border-radius:11px}.account-card h3{color:var(--ink);font-weight:650}.account-card .amount{color:var(--ink);font-weight:650}
 .badge{background:#eaf2ff;color:#4473ca;border-radius:6px;font-weight:600}.badge.orange{background:#fff3df;color:#ac7e36}.badge.red{background:#ffeded;color:#be6268}.positive{color:#288b70}.negative{color:#c0834b}
 body[data-nav-theme=dark] .badge{background:#293a58;color:#a0c1ff}body[data-nav-theme=dark] .badge.orange{background:#443826;color:#f0c483}body[data-nav-theme=dark] .badge.red{background:#442e38;color:#ffb2bb}body[data-nav-theme=dark] .positive{color:#70cdb3}body[data-nav-theme=dark] .negative{color:#e4b281}
 .quick-button{background:var(--surface-soft);border-color:var(--line);color:var(--ink);border-radius:11px}.quick-button:hover{background:var(--surface-hover)}.quick-button .finance-icon,.report-tile>.finance-icon{color:var(--green)}.report-tile strong{color:var(--ink)}.report-tile span{color:var(--muted)}.report-tile:hover{border-color:#90b1fb}
 .chart-axis,.bar-group span,.chart-legend,.chart-legend span{color:var(--muted)}.chart-bars{border-color:var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,var(--line) 39px,var(--line) 40px)}.bar{background:#4b7ff1}.bar.out{background:#bbc8e2}.legend-in{background:#4b7ff1}.legend-out{background:#bbc8e2}
 .balance-strip{background:var(--surface-soft);color:var(--muted)}.balance-strip strong{color:var(--ink)}.report-heading h2{font-family:Manrope,sans-serif;font-weight:650;color:var(--ink)}.report-heading p,.report-account-context{color:var(--muted)}
 label,.section-label{color:var(--muted)}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:8px;accent-color:var(--green)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input[readonly],select:disabled{background:var(--surface-soft);color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:#7da4ff;outline-color:#2864f433}
 .note,.document-discount-fields{background:var(--surface-soft);border-color:var(--line);color:var(--muted);border-radius:9px}.note strong{color:var(--ink)}.error{color:#c16870;background:transparent}.line-header,.doc-totals div{color:var(--muted)}.doc-totals .grand{color:var(--green);border-color:var(--line)}.form-actions{border-color:var(--line)}
 dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 80px #12223d30}.dialog-head{border-color:var(--line)}.dialog-head h2{font-size:24px}.icon-button{color:var(--muted)}dialog::backdrop{background:#19294170;backdrop-filter:blur(3px)}
 .quote-dialog #dialog-body,.commercial-dialog #dialog-body,.import-dialog #dialog-body{background:var(--bg)}
 .logo-settings{border-color:var(--line)}.logo-settings p,.logo-upload-fields small{color:var(--muted)}.logo-preview{background:var(--surface-soft);border-color:var(--line)}.logo-preview span{color:var(--muted)}
 #dialog-body .invoice-import-summary,#dialog-body .invoice-import-review{background:var(--surface);border-color:var(--line);color:var(--ink)}
 .shell>footer{background:transparent;border-color:var(--line);color:var(--muted)}#toast{background:#2864f4;color:white;border-radius:10px}
 body.auth-mode{background:var(--bg)}.auth-unified-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.auth-unified-card .auth-brand,.auth-unified-card .auth-brand strong{color:var(--green)}.auth-unified-card .auth-brand strong span{color:var(--muted)}.auth-unified-card>p,.auth-unified-card .auth-foot{color:var(--muted)}.auth-unified-card h2{color:var(--ink)}.auth-unified-card input{background:var(--surface);color:var(--ink);border-color:var(--line)}.auth-unified-card input[readonly]{background:var(--surface-soft)}.auth-unified-card form>label,.auth-unified-card label.auth-remember,.auth-password button,.auth-mode-switch{color:var(--muted)}.auth-password button:hover{background:var(--surface-hover)}.auth-unified-card .auth-foot{border-color:var(--line)}.auth-copyright{color:var(--muted)}
 body[data-nav-theme=dark] .quote-sheet,body[data-nav-theme=dark] .commercial-sheet{color-scheme:light}
 @media(min-width:851px){.sidebar{inset:12px auto 12px 12px;border:1px solid var(--nav-line);border-radius:22px}.shell{margin-left:300px}body.nav-collapsed .shell{margin-left:108px}#toast{left:calc(50% + 150px)}body.nav-collapsed #toast{left:calc(50% + 54px)}}
 @media(max-width:850px){.sidebar{inset:0 auto 0 0;border-radius:0 20px 20px 0}.topbar{height:auto;min-height:68px}.shell{margin-left:0}.page-head h1{font-size:27px}.stat{padding:16px}#toast{left:50%}}
}
@media screen{
 .empty strong{color:var(--ink)}.empty-icon{color:#91a7ca}.due-item{border-color:var(--line)}.due-icon{background:var(--pale);color:var(--green)}.detail-grid small{color:var(--muted)}
 .chart-legend i{background:#4b7ff1}.chart-legend i.out{background:#bbc8e2}
 .invoice-upload{background:var(--surface-soft);border-color:#90b1fb}.invoice-upload input{background:var(--surface)}.invoice-import-text pre{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);border-radius:10px}
 .invoice-import-warnings{background:#fff6e5;border-color:#ead4a4;color:#9b732d}.error{background:#fff1f1;border-color:#efd0d5;color:#ba626e}
 body[data-nav-theme=dark] .invoice-import-warnings{background:#423928;border-color:#635139;color:#eccb90}body[data-nav-theme=dark] .invoice-import-mismatch{background:#4d3332!important;color:#ffc29f!important}body[data-nav-theme=dark] .error{background:#422e37;border-color:#66434e;color:#ffb0bd}
}
@media screen{
 .dialog-head{background:var(--surface);color:var(--ink)}.dialog-head h2{color:var(--ink)}
 .date-chip{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}.date-chip strong,.due-item strong{color:var(--ink)}.date-chip small,.due-item small{color:var(--muted)}
 .forex-form input[readonly]{background:var(--surface-soft);color:var(--muted)}.skip{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}
}

.report-currency-fields{grid-column:1/-1;width:100%}.report-controls{flex-wrap:wrap}.report-currency-fields p{margin:0 0 12px}

@media print{#report-form{display:none!important}}

@media screen{
 .line-field{margin:0;min-width:0}.line-field>input,.line-field>select{width:100%;box-sizing:border-box}.line-field-label{display:none}.storage-info{margin:0 0 18px}.storage-info p{margin:5px 0 0}.storage-warning{border-color:#dca65a;background:#fff7e8;color:#8a5b20}
 .shell,main,.panel,.form-grid>*,.page-head>*,.dashboard-grid>*{min-width:0}.table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
 @media (pointer:coarse){.btn,.backup-button,.icon-button,.nav-link,.nav-child,.nav-group-toggle{min-height:44px}.btn.small{min-height:44px}input,select{min-height:44px;font-size:16px}textarea{font-size:16px}.sidebar nav a,.sidebar nav button{touch-action:manipulation}}
 @media(min-width:851px) and (max-width:1100px){body:not(.nav-collapsed) .sidebar{width:246px}body:not(.nav-collapsed) .shell{margin-left:272px}.topbar{padding:14px 20px;gap:10px}.header-right{gap:8px}.breadcrumbs{font-size:10px}main{padding:24px 20px}.stat-value{font-size:27px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(max-width:850px){input,select,textarea{font-size:16px}.btn,.btn.small,.backup-button{min-height:44px}#main td{font-size:13px;line-height:1.5}#main th{font-size:10px}.sidebar nav .nav-child,.sidebar nav .nav-link,.sidebar nav .nav-group-toggle{font-size:13px}html,body{max-width:100%;overflow-x:clip}.shell,body.nav-collapsed .shell{margin-left:0;width:100%;min-width:0}.sidebar{height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain}.topbar{min-height:64px;box-sizing:border-box;height:auto;gap:10px;padding:10px 16px;align-items:center;flex-wrap:wrap}.mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.header-right{display:flex;min-width:0;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:6px}.profile{display:none}.breadcrumbs{display:none}.backup-button{min-height:40px;padding:8px;font-size:11px}.topbar #top-date{font-size:10px}main{padding:22px 16px}.page-head{gap:14px;flex-wrap:wrap}.page-head h1{font-size:29px;line-height:1.25;overflow-wrap:anywhere}.page-head .actions{justify-content:flex-start;flex-wrap:wrap}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.toolbar input,.toolbar select{min-width:0;max-width:100%}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{min-width:640px}.table-wrap .actions{flex-wrap:wrap;gap:5px}.panel-head{gap:12px;flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid input,.form-grid select,.form-grid textarea{min-width:0;max-width:100%;box-sizing:border-box}dialog,dialog.wide{box-sizing:border-box;width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0}.dialog-head{padding:16px 18px}.dialog-head h2{font-size:22px;overflow-wrap:anywhere}#dialog-body{padding:18px;min-width:0;overflow-x:hidden}.form-actions{flex-wrap:wrap;gap:9px}.form-actions .btn{flex:1;justify-content:center}.shell>footer{padding:18px 16px;gap:10px;flex-wrap:wrap}.report-currency-fields{grid-template-columns:1fr 1fr!important}.chart-bars{max-width:100%}}
 @media(max-width:600px){.topbar #top-date{display:none}.topbar{padding:8px 10px}.header-right .backup-button{font-size:10px;padding:7px}.page-head{display:flex;flex-direction:column;align-items:stretch}.page-head h1{font-size:26px}.page-head p{font-size:12px}.page-head .actions{display:flex;gap:8px}.page-head .actions>.btn{flex:1;justify-content:center}.stats,.collection-stats,.form-grid,.report-filters,.movement-controls,.report-currency-fields{grid-template-columns:1fr!important}.stat-value{font-size:29px}.stat{padding:17px}.toolbar{align-items:stretch}.toolbar>*{width:100%;box-sizing:border-box}.balance-strip{gap:16px;flex-wrap:wrap}.balance-strip strong{font-size:24px}.detail-grid{grid-template-columns:1fr}.line-editor{overflow:visible}.line-editor .line-header{display:none}.line-editor .doc-line{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--surface,#fff)}.doc-line .line-field:first-child{grid-column:1/-1}.line-field-label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.doc-line .line-field input,.doc-line .line-field select{height:44px;font-size:16px}.doc-line>[data-action=remove-line]{justify-self:end;border:1px solid var(--line);border-radius:8px;width:44px;height:44px}.doc-totals{max-width:100%;width:100%}.auth-unified{padding:20px 12px}.auth-unified-card{padding:26px 20px}.invoice-import-summary{grid-template-columns:1fr!important}.report-heading{gap:12px;flex-wrap:wrap}#report-result .table-wrap{max-width:100%}.panel-head,.operation-form{padding-left:16px;padding-right:16px}}
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}
@media screen {
 .catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.danger-zone{margin-top:18px;padding:16px;border:1px solid #e4b4b0;border-radius:12px}.danger-zone p{font-size:12px;color:var(--muted);margin:8px 0 14px}.stock-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:12px;padding:20px}.stock-summary{padding:16px 20px;display:flex;gap:20px;justify-content:space-between;background:var(--surface-alt,#f4f7fc)}.stock-help{padding:0 20px;font-size:12px;color:var(--muted)}
 @media(max-width:1100px){
  .stock-filters{grid-template-columns:1fr 1fr}.stock-filters>label:first-child{grid-column:1/-1}.stock-filters>.btn{grid-column:1/-1}.catalog-tabs>.btn{flex:1;justify-content:center}.stock-summary{flex-wrap:wrap}
  #main .table-wrap{overflow:visible}#main .table-wrap>table{display:block;width:100%;min-width:0!important;table-layout:auto}#main .table-wrap>table>thead{display:none}#main .table-wrap>table>tbody{display:grid;gap:14px;padding:14px;width:100%;box-sizing:border-box}
  #main .table-wrap>table>tbody>tr{display:block;min-width:0;border:1px solid var(--line,#dce3ee);border-radius:12px;padding:10px 14px;box-shadow:0 2px 6px #16253c06;background:var(--surface,#fff)}
  #main .table-wrap>table>tbody>tr>td{display:grid!important;grid-template-columns:minmax(85px,34%) minmax(0,1fr);gap:10px;text-align:right;white-space:normal!important;overflow-wrap:anywhere;width:auto!important;min-width:0!important;max-width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line,#e7ecf4)}
  #main .table-wrap>table>tbody>tr>td::before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--muted,#66758a);text-align:left;align-self:center;grid-column:1;grid-row:1}
  #main .table-wrap>table>tbody>tr>td>*{min-width:0;grid-column:2}#main .table-wrap>table>tbody>tr>td>small{display:block}
  #main .table-wrap>table>tbody>tr>td:last-child{border-bottom:0}#main .table-wrap>table>tbody>tr>td .actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}#main .table-wrap .btn{white-space:normal;height:auto;min-height:44px;max-width:100%}#main .table-wrap .table-title{white-space:normal}
 }
 @media(max-width:480px){.stock-filters{grid-template-columns:1fr}.stock-filters>label:first-child{grid-column:auto}#main .table-wrap>table>tbody{padding:10px}#main .table-wrap>table>tbody>tr{padding:8px 12px}}
}
@media screen and (max-width:600px){#main .toolbar{display:flex!important;flex-direction:column;align-items:stretch}#main .toolbar>*{width:100%!important;max-width:100%;flex:none!important}}

/* Keep all ledger columns visible when descriptions or company names are long. */
@media(min-width:851px){.movement-ledger{table-layout:fixed;width:100%}.movement-ledger th:nth-child(1){width:12%}.movement-ledger th:nth-child(2){width:28%}.movement-ledger th:nth-child(3){width:24%}.movement-ledger th:nth-child(n+4){width:12%}.movement-ledger td:nth-child(2),.movement-ledger td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.movement-ledger .table-title{white-space:normal}}

/* Safari date inputs have an intrinsic width; constrain the control and its grid track. */
@media screen{
 .date-control266{position:relative;display:block;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
 .date-control266 input[type="date"]{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;inline-size:100%;max-inline-size:100%;min-inline-size:0;min-height:44px;-webkit-appearance:none;appearance:none;color:var(--ink,#24334b);text-align:left}
 .date-control266 input::-webkit-date-and-time-value{min-height:1.4em;text-align:left}
 .date-control266 input::-webkit-datetime-edit{padding:0}
 .date-hint266{display:none;position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted,#718096);font-size:inherit;line-height:1.4;pointer-events:none}
 .date-control266.is-empty .date-hint266{display:block}
 .date-control266.is-empty input[type="date"]{color:transparent}
 .date-control266.is-empty input::-webkit-datetime-edit{opacity:0}
 @media(max-width:850px){
  .movement-controls,.report-controls,.stock-filters,.form-grid,.operation-form,.movement-controls>*,.report-controls>*,.stock-filters>*,.form-grid>*{min-width:0;max-width:100%;box-sizing:border-box}
  form label{min-width:0;max-width:100%;box-sizing:border-box}
  form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),form select,form textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
  .date-control266 input[type="date"]{font-size:16px;line-height:1.4}
 }
 @media(max-width:600px){
  .movement-controls,.report-controls,.stock-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .movement-controls>*,.report-controls>*,.stock-filters>*{grid-column:1/-1}
 }
}
@media screen{.date-control266.is-empty:focus-within .date-hint266{display:none}.date-control266.is-empty:focus-within input[type="date"]{color:var(--ink,#24334b)}.date-control266.is-empty:focus-within input::-webkit-datetime-edit{opacity:1}}

.admin-grid260{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.admin-card260{padding:24px;color:var(--text,#334155);text-decoration:none;overflow-wrap:anywhere}.admin-card260 h2{font:600 18px Manrope,sans-serif}.admin-card260 p{line-height:1.7}.permission-grid260,.count-grid260{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.permission-grid260 label{display:flex;gap:8px;align-items:center}.permission-grid260 input[type=checkbox]{width:18px;min-height:18px;flex:none}.permissions260{border:1px solid #dce3ee;border-radius:12px;padding:20px}.audit-json260{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;padding:16px;background:#edf2f9;border-radius:10px;color:#24334b}.count-grid260{max-height:55vh;overflow:auto;padding:10px}.count-grid260 label{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #dce3ee;border-radius:10px}.count-grid260 small{color:#718096}#admin-content260{padding:20px}@media(max-width:600px){.admin-grid260{grid-template-columns:1fr}.admin-card260{padding:18px}.permission-grid260,.count-grid260{grid-template-columns:1fr}}

.legacy-admin260{display:none!important}.sidebar a.settings-link{text-decoration:none;box-sizing:border-box}

.table-secondary261{display:block;margin-top:5px;color:var(--muted,#718096);font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.audit-separator261{padding:0 5px;color:var(--muted,#718096)}.count-search261{margin:20px 0 10px}.count-search261 label{display:flex;flex-direction:column;gap:7px}.count-search261 input{width:100%;box-sizing:border-box}.count-search261 p{font-size:12px;color:var(--muted,#718096)}.count-list261{max-height:52vh;overflow:auto;border:1px solid var(--line,#dce3ee);border-radius:10px}.count-list261 .table-wrap{overflow:visible}.count-list261 table{table-layout:fixed;width:100%;min-width:0}.count-list261 th:nth-child(1){width:16%}.count-list261 th:nth-child(2){width:44%}.count-list261 th:nth-child(3),.count-list261 th:nth-child(4){width:20%}.count-list261 td{white-space:normal;overflow-wrap:anywhere;padding:12px}.count-list261 input{width:100%;min-width:0;box-sizing:border-box;min-height:42px}.count-list261 thead{position:sticky;top:0;z-index:1}@media(max-width:600px){.count-list261 .table-wrap table{min-width:0}.count-list261 th{width:auto}.count-list261 td{padding:9px 12px}.count-list261 input{max-width:180px}.count-list261{max-height:48vh}.table-secondary261{font-size:12px}}
@media(max-width:600px){.count-list261 thead{display:none}.count-list261 table,.count-list261 tbody{display:block}.count-list261 tr{display:grid;grid-template-columns:minmax(0,1fr) 100px;border-bottom:1px solid var(--line,#dce3ee);padding:10px;gap:3px 10px}.count-list261 td{display:block;border:0;padding:3px;min-width:0}.count-list261 td:nth-child(1){grid-column:1;grid-row:1;font-size:11px;color:var(--muted,#718096)}.count-list261 td:nth-child(2){grid-column:1;grid-row:2}.count-list261 td:nth-child(3){grid-column:1;grid-row:3;font-size:12px}.count-list261 td:nth-child(4){grid-column:2;grid-row:1/4;align-self:center}.count-list261 input{font-size:16px}}

.settlement-summary265{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0;border:1px solid var(--line);border-radius:10px}.settlement-summary265 strong{font-size:20px;overflow-wrap:anywhere}@media(max-width:600px){.settlement-summary265{grid-template-columns:1fr}.settlement-summary265 strong{font-size:19px}}

@media(min-width:851px){.settlement-calendar265{table-layout:fixed;width:100%}.settlement-calendar265 th:nth-child(1){width:12%}.settlement-calendar265 th:nth-child(2){width:24%}.settlement-calendar265 th:nth-child(3){width:8%}.settlement-calendar265 th:nth-child(n+4){width:14%}.settlement-calendar265 td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.settlement-calendar265 .btn{white-space:normal}}
/* 2.8: readable stock, grouped invoices and direct company settings */
.stock-product-picker28{display:grid;gap:10px;min-width:0}.stock-filters>*{min-width:0}.stock-filters{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(110px,1fr)) auto}.stock-product-picker28 select{width:100%;text-overflow:ellipsis}.stock-table28{table-layout:fixed;width:100%}.stock-table28 th:nth-child(1){width:10%}.stock-table28 th:nth-child(2){width:32%}.stock-table28 th:nth-child(3){width:13%}.stock-table28 th:nth-child(4),.stock-table28 th:nth-child(5){width:9%}.stock-table28 th:nth-child(6){width:12%}.stock-table28 th:nth-child(7){width:15%}.stock-table28 td{white-space:normal;overflow-wrap:anywhere}.stock-table28 td small{display:block;margin-top:5px;color:var(--muted)}.stock-table28 .btn{white-space:normal;max-width:100%;overflow-wrap:anywhere;text-align:left;padding:8px 10px}
.invoice-party-filter28{display:flex;align-items:end;gap:20px;padding:0 24px 20px}.invoice-party-filter28>label{flex:0 1 440px;min-width:0}.invoice-group28{border-top:1px solid var(--border,#dce4f0)}.invoice-group28>summary{cursor:pointer;display:flex;align-items:center;gap:14px;padding:22px 24px;list-style:none;background:var(--surface-alt,#f5f7fc)}.invoice-group28>summary::-webkit-details-marker{display:none}.invoice-group28>summary strong{flex:1;overflow-wrap:anywhere}.invoice-group28>summary>span:last-child{font-size:12px;white-space:nowrap;color:var(--muted)}.group-arrow28{font-size:26px;transition:transform .15s}.invoice-group28[open]>.invoice-group28>summary .group-arrow28,.invoice-group28[open]>summary .group-arrow28{transform:rotate(90deg)}.invoice-group28 table{table-layout:fixed;width:100%}.invoice-group28 td{white-space:normal;overflow-wrap:anywhere}.invoice-group28 td:first-child{width:25%}.invoice-group28 td .btn{white-space:normal}.settings-page28{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}.settings-page28>.note{grid-column:1/-1;margin:0}.settings-page28>form,.settings-page28>.logo-settings{margin:0;padding:28px;border:1px solid var(--border,#dce4f0);border-radius:18px;background:var(--surface,#fff)}.settings-page28 input,.settings-page28 textarea{max-width:100%}.settings-page28 .logo-upload-row{flex-wrap:wrap}.settings-page28 .logo-upload-fields{min-width:0;width:100%}.settings-page28 .form-actions{justify-content:flex-end}.native-balances28{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:18px}.native-balances28 .balance-strip{flex-wrap:wrap;gap:15px;padding:18px;border-radius:12px}.native-ledger28{table-layout:fixed;width:100%}.native-ledger28 td{white-space:normal;overflow-wrap:anywhere}.native-ledger28 th:nth-child(2){width:27%}.report-currency-fields [hidden]{display:none!important}
@media(max-width:1000px){.settings-page28{grid-template-columns:minmax(0,1fr)}.stock-filters{grid-template-columns:1fr 1fr}.stock-product-picker28{grid-column:1/-1}.stock-filters>.btn{grid-column:1/-1}}
@media(max-width:700px){.stock-filters{grid-template-columns:minmax(0,1fr)}.invoice-party-filter28{display:block;padding:0 16px 18px}.invoice-group28>summary{padding:18px 16px;gap:10px}.settings-page28>form,.settings-page28>.logo-settings{padding:18px}.native-balances28{grid-template-columns:1fr;padding:10px}.stock-table28,.invoice-group28 table,.native-ledger28{table-layout:auto}.stock-table28 td,.invoice-group28 td,.native-ledger28 td{width:auto!important}}
/* 2.8.1 statements: distinct issuer/customer, net balance, and print-safe columns. */
.net-controls281{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.net-controls281 small{grid-column:1/-1;color:var(--muted)}.statement-masthead281{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;padding:28px 24px;border-bottom:2px solid var(--line);align-items:start}.statement-masthead281 h2{font-family:Manrope,sans-serif;font-size:24px;line-height:1.25;margin:5px 0 10px}.statement-masthead281 p{margin:4px 0;font-size:12px;overflow-wrap:anywhere}.statement-eyebrow281,.statement-issuer281 span{letter-spacing:1.2px;font-size:9px!important;font-weight:700;color:var(--muted)}.statement-mode281{color:var(--muted)}.statement-customer281{margin-top:20px;display:grid;gap:5px}.statement-customer281>span{font-size:11px;color:var(--muted)}.statement-customer281>strong{font-size:16px;overflow-wrap:anywhere}.statement-issuer281{display:flex;justify-content:flex-end;gap:18px;align-items:flex-start;text-align:right;min-width:0}.statement-issuer281>div{min-width:0}.statement-issuer281>img{width:100px;max-height:74px;object-fit:contain}.statement-issuer281 strong{display:block;font-size:15px;overflow-wrap:anywhere;margin:6px 0}.statement-issuer281 p{font-size:11px;color:var(--muted);white-space:pre-line}.statement-note281{padding:0 24px 18px;font-size:11px;line-height:1.6;color:var(--muted)}.statement-report281 .native-balances28{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-report281 .balance-strip strong{font-size:24px;overflow-wrap:anywhere}.native-ledger281{table-layout:fixed!important;width:100%;min-width:0!important}.native-ledger281 th,.native-ledger281 td{white-space:normal!important;word-break:normal;overflow-wrap:anywhere;line-height:1.5;padding:12px 8px;font-size:11px;letter-spacing:0}.native-ledger281 th{font-size:10px;text-transform:none}.native-ledger281 th:nth-child(1){width:9%}.native-ledger281 th:nth-child(2){width:25%}.native-ledger281 th:nth-child(3){width:5%}.native-ledger281 th:nth-child(4),.native-ledger281 th:nth-child(5){width:11%}.native-ledger281 th:nth-child(6){width:15%}.native-ledger281 th:nth-child(7){width:9%}.native-ledger281 th:nth-child(8){width:15%}.native-ledger281-all th:nth-child(1){width:8%}.native-ledger281-all th:nth-child(2){width:19%}.native-ledger281-all th:nth-child(3){width:5%}.native-ledger281-all th:nth-child(4),.native-ledger281-all th:nth-child(5){width:8%}.native-ledger281-all th:nth-child(6){width:10%}.native-ledger281-all th:nth-child(7){width:6%}.native-ledger281-all th:nth-child(8),.native-ledger281-all th:nth-child(9){width:11%}.native-ledger281-all th:nth-child(10){width:14%}
@media screen and (max-width:900px){.statement-masthead281{grid-template-columns:1fr;padding:20px;gap:24px}.statement-issuer281{justify-content:flex-start;text-align:left;border-top:1px solid var(--line);padding-top:20px}.statement-report281 .native-balances28{grid-template-columns:1fr}.net-controls281{grid-template-columns:1fr}.native-ledger281{table-layout:auto!important}.statement-report281 .balance-strip strong{font-size:22px}}
@page statement281{size:A4 portrait;margin:10mm 10mm 12mm}
@media print{.statement-report281{page:statement281;color:#203732!important;font-family:Manrope,sans-serif}.statement-report281 .report-actions-row{display:none!important}.statement-masthead281{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:0 0 5mm;gap:10mm;break-inside:avoid}.statement-masthead281 h2{font-family:Manrope,sans-serif;font-size:18pt}.statement-masthead281 p{font-size:8pt}.statement-customer281{margin-top:5mm}.statement-customer281>strong{font-size:11pt}.statement-issuer281>img{width:22mm;max-height:16mm}.statement-issuer281 strong{font-size:10pt}.statement-issuer281 p{font-size:7.5pt;color:#53645f}.statement-report281 .native-balances28{display:grid!important;grid-template-columns:1fr 1fr;padding:5mm 0;gap:5mm;break-inside:avoid}.statement-report281 .balance-strip{padding:3mm;border:1px solid #dce5e1;color:#203732;background:#f5f8f6}.statement-report281 .balance-strip strong{font-size:13pt;color:#203732}.statement-note281{padding:0 0 4mm;font-size:7.5pt}.statement-report281 .table-wrap{overflow:visible!important;width:100%}.native-ledger281{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse}.native-ledger281 thead{display:table-header-group!important}.native-ledger281 tbody{display:table-row-group!important}.native-ledger281 tr{display:table-row!important;break-inside:avoid}.native-ledger281 th,.native-ledger281 td{display:table-cell!important;padding:2.5mm 1.5mm;font-size:7.5pt!important;line-height:1.4;letter-spacing:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal;vertical-align:top}.native-ledger281 th{font-size:7pt!important;color:#203732!important;overflow-wrap:anywhere!important}.native-ledger281 td:nth-child(2){overflow-wrap:anywhere!important}.native-ledger281 td::before{display:none!important}.native-ledger281 th{background:#eef4f1!important}.statement-report281 p,.statement-report281 strong{color:inherit}body:has(.statement-report281) #main>.panel{overflow:visible!important}body:has(.statement-report281) .report-tiles,body:has(.statement-report281) .report-links{display:none!important}}
/* 2.8.2: dikey ekstre; logo DÜZENLEYEN ile firma adı arasında, sağ blok daha sade */
.statement-issuer281>div{display:flex;flex-direction:column;align-items:flex-end;max-width:300px}
.statement-issuer281 img{display:block;width:auto;max-width:84px;max-height:48px;object-fit:contain;margin:8px 0 2px}
.statement-issuer281 strong{font-size:13px;margin:4px 0}
.statement-issuer281 p{font-size:10.5px;margin:2px 0}
@media screen and (max-width:900px){.statement-issuer281>div{align-items:flex-start;max-width:none}}
@media print{.statement-masthead281{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8mm}
.statement-masthead281 h2{font-size:15pt}
.statement-issuer281{padding-right:1.2mm}
.statement-issuer281>div{max-width:62mm}
.statement-issuer281 img{max-width:20mm;max-height:11mm;margin:1.5mm 0 .5mm}
.statement-issuer281 strong{font-size:9pt;margin:1mm 0}
.statement-issuer281 p{font-size:6.8pt;margin:.6mm 0}
.statement-report281 .balance-strip strong{font-size:11pt}
.native-ledger281 th,.native-ledger281 td{padding:1.8mm 1.1mm!important;font-size:7pt!important}
.native-ledger281 th{font-size:6.6pt!important}
.native-ledger281-all th,.native-ledger281-all td{padding:1.6mm .8mm!important;font-size:6.2pt!important}
.native-ledger281-all th{font-size:6pt!important}}

/* Finans Ofisi 2.9.0 — "Defter" teması.
   Koyu yeşil marka, IBM Plex Sans, mavi giriş / turuncu çıkış, 44 px dokunma alanları.
   Son yüklenen katmandır; eski dosyalardaki işlevleri değiştirmez, yalnız görünümü düzenler. */
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-ext-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-ext-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-ext-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";src:url('/fonts/plex-latin-ext-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--ink:#16211E;--muted:#59645F;--green:#0E5A4B;--green-dark:#0A4338;--pale:#E3EFEA;--orange:#8A4A12;--line:#E2E5DF;--bg:#F3F4F0;--surface:#FFFFFF;--surface-soft:#F7F8F5;--surface-hover:#EEF1EC;--red:#A63A2E;--in:#1A5E99;--out:#A3461C;--in-soft:#E2ECF6;--out-soft:#F7E6DA;--warn-soft:#F6E7CC;--warn-ink:#6E430B;--rail:#11241F;--shadow:0 1px 2px #11241f0f;--radius:14px;--font:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

@media screen{
 body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
 .numeric,.stat-value,.due-amount,.balance-strip strong,td{font-variant-numeric:tabular-nums}
 .page-head h1,.dialog-head h2,.auth-card h2,.sidebar nav .nav-link,.sidebar nav .nav-group-toggle,.nav-child,.auth-brand strong{font-family:var(--font)}
 .page-head h1{font-size:26px;font-weight:700;letter-spacing:-.4px}
 .page-head p{font-size:13px;color:var(--muted)}
 .page-head .eyebrow{font-size:12.5px;letter-spacing:0;font-weight:500;color:var(--muted);text-transform:none}
 .eyebrow{color:var(--muted)}

 /* Menü: koyu yeşil ray */
 .sidebar,body[data-nav-theme=dark] .sidebar{--nav-bg:#11241F;--nav-ink:#E6EEEB;--nav-muted:#9DB3AC;--nav-line:#25423A;--nav-hover:#1A332D;--nav-active:#1E3A33;box-shadow:none}
 .sidebar .brand-mark{background:#2F8F78;box-shadow:none;border-radius:9px;width:36px;height:36px;font-size:26px;padding:0 0 2px}
 .sidebar .avatar{background:#2F8F78;color:#fff}
 .sidebar-toggle{color:#C9D6D1}
 .sidebar nav .nav-link,.sidebar nav .nav-group-toggle{min-height:44px;font-size:14px;font-weight:500;border-radius:9px;color:#C9D6D1}
 .sidebar nav .nav-link.active,.sidebar nav .has-active>.nav-group-toggle{background:var(--nav-active);border-color:transparent;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #2F8F78}
 .nav-child{font-size:13px;color:#AFC2BC;min-height:40px;box-sizing:border-box}
 .nav-child.active{background:#1E3A33;color:#fff;font-weight:600}
 .sidebar .workspace strong{font-size:13px}.sidebar .workspace small{font-size:11px}
 .sidebar .nav-label{font-size:10.5px;letter-spacing:1px}
 .sidebar-bottom,.sidebar-controls{color:#C9D6D1}
 .sidebar-controls .settings-link,.sidebar-controls .nav-theme-toggle{color:#C9D6D1;min-height:44px}

 /* Üst çubuk */
 .topbar{background:var(--surface);border-color:var(--line);min-height:64px}
 .breadcrumbs{font-size:13px;color:var(--muted)}.breadcrumbs strong{color:var(--ink);font-weight:600}
 .backup-button{min-height:40px;border-radius:10px;font-weight:600}
 .profile{background:var(--green);color:#fff}
 footer{color:var(--muted)}

 /* Kartlar ve paneller */
 .panel,.stat,.report-tile,.admin-card260{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
 .panel-head h2{font-size:15.5px;font-weight:600}.panel-head h3{font-size:14px;font-weight:600}.panel-head p{color:var(--muted)}
 .stat-label{font-size:12.5px;font-weight:500;color:var(--muted)}
 .stat-value{font-size:22px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}
 .stat-foot{font-size:12px;color:var(--muted)}
 .stat-icon{background:var(--pale);color:var(--green)}
 .pill{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}
 .text-link{color:var(--green);font-weight:600}

 /* Düğmeler ve formlar */
 .btn{min-height:44px;border-radius:10px;font-size:14px;font-weight:600;padding:0 18px;background:var(--green);border-color:var(--green);box-shadow:none}
 .btn:hover{background:var(--green-dark);border-color:var(--green-dark)}
 .btn.secondary{background:var(--surface);border-color:#C9CFC7;color:var(--ink)}
 .btn.secondary:hover{background:var(--surface-hover);border-color:#B9C1B8}
 .btn.small{min-height:38px;font-size:13px;padding:0 12px}
 .btn.danger,.danger-zone .btn{background:var(--red);border-color:var(--red);color:#fff}
 input,select,textarea{border-color:#C9CFC7;border-radius:10px;min-height:44px;box-sizing:border-box;color:var(--ink)}
 textarea{min-height:88px}
 input[type=checkbox],input[type=radio]{min-height:0}
 input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #2F8F7866;outline-offset:2px}
 label{font-weight:600;color:#3F4A45}
 .note{background:#EAF2EF;color:#234A40;border-radius:10px}
 .error:not(:empty){background:#F9E6E1;color:#7E2A1E;border-radius:10px}

 /* Tablolar ve tutarlar */
 th{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-soft)}
 td{border-color:#EEF0EB}
 .bar{background:var(--in);width:16px;border-radius:4px 4px 0 0}.bar.out{background:#E0A57E}
 .chart-legend i{background:var(--in)}.chart-legend i.out{background:#E0A57E}
 .btn svg{width:18px;height:18px;flex:none}
 .positive{color:var(--in)}.negative{color:var(--out)}
 body[data-nav-theme=dark] .positive{color:var(--in)}body[data-nav-theme=dark] .negative{color:var(--out)}

 /* Pencereler */
 dialog{border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 80px #11241f40}
 dialog::backdrop{background:#11241f73}
 .dialog-head h2{font-size:20px;font-weight:700;letter-spacing:-.2px}
 #toast{background:#11241F;color:#fff;border-radius:12px}

 /* Giriş ekranı */
 .auth-card{border-radius:20px;border:1px solid var(--line);box-shadow:0 10px 40px #11241f14}
 .auth-card .btn,.auth-card button[type=submit]{background:var(--green);border-color:var(--green)}
}

/* ---------- Yeni özet ekranı ---------- */
.dash290{display:flex;flex-direction:column;gap:16px}
.dash290-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dash290-head>div{flex:1;min-width:200px}
.dash290-date{font-size:12.5px;color:var(--muted)}
.dash290-head h1{margin:2px 0 0;font-size:26px;font-weight:700;letter-spacing:-.4px}
.dash290-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi290{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.kpi290 span{font-size:12.5px;color:var(--muted);font-weight:500}
.kpi290 strong{font-size:21px;font-weight:700;letter-spacing:-.3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi290 small{font-size:12px;color:var(--muted)}
.kpi290 small.warn{color:var(--orange)}
.kpi290.cash{background:var(--rail);border-color:var(--rail);color:#fff}
.kpi290.cash span,.kpi290.cash small{color:#B9CCC6}
.dash290-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quick290{min-height:60px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:10px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.quick290:hover{background:var(--surface-hover)}
.quick290 i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;font-style:normal}
.quick290 i svg{width:19px;height:19px}
.quick290.in i{background:var(--in-soft);color:var(--in)}.quick290.out i{background:var(--out-soft);color:var(--out)}.quick290.doc i{background:var(--pale);color:var(--green)}.quick290.exp i{background:#EEF0EB;color:#3F4A45}
.dash290-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px}
.card290{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card290-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card290-head h2{margin:0;font-size:15.5px;font-weight:600}
.card290-head a{font-size:13px;font-weight:600;color:var(--green);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.card290 .chart-legend i{background:var(--in)}.card290 .chart-legend i.out{background:#E0A57E}
.row290{display:flex;align-items:center;gap:12px;min-height:52px;border-top:1px solid #EEF0EB;padding-top:6px;color:inherit;text-decoration:none}
.row290:first-of-type{border-top:0}
.row290-date{width:42px;flex:none;text-align:center;line-height:1.1}.row290-date b{display:block;font-size:16px}.row290-date small{font-size:11px;color:var(--muted)}
.row290-text{flex:1;min-width:0}.row290-text strong{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row290-text small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row290-amount{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.row290-amount.in{color:var(--in)}.row290-amount.out{color:var(--out)}
.row290-amount small{display:block;font-size:11.5px;font-weight:500;color:var(--warn-ink)}
.empty290{color:var(--muted);font-size:13px;padding:10px 0}

/* Tahsilat penceresi: büyük tutar alanı ve kısayollar */
.amount-hero290{order:-1}
.amount-hero290 input{font-size:30px!important;font-weight:700;letter-spacing:-.5px;min-height:64px;font-variant-numeric:tabular-nums}
.chips290{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.chips290 button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid #C9DCD5;background:#EEF5F2;color:var(--green);font:inherit;font-size:13px;font-weight:600;cursor:pointer}

/* Telefon alt menüsü */
.tabbar290{display:none}
.sheet290{display:none}

@media (max-width:1100px) and (min-width:761px){
 .dash290-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:760px){
 body:not(.auth-mode){padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 body:not(.auth-mode) .tabbar290{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;background:var(--surface);border-top:1px solid var(--line);padding:4px 6px calc(8px + env(safe-area-inset-bottom))}
 .tabbar290 a,.tabbar290 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;background:none;font:inherit;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none;cursor:pointer;padding:0}
 .tabbar290 svg{width:22px;height:22px}
 .tabbar290 .on{color:var(--green)}
 .tabbar290 .plus290 span{width:52px;height:52px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center;margin-top:-10px;box-shadow:0 4px 12px #0e5a4b40}
 .tabbar290 .plus290 svg{width:24px;height:24px}
 .sheet290[open]{display:block}
 .sheet290{position:fixed;inset:auto 0 0 0;z-index:40;background:var(--surface);border-radius:20px 20px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #11241f33}
 .sheet290-back{position:fixed;inset:0;z-index:39;background:#11241f66;border:0}
 .sheet290 h2{margin:4px 0 12px;font-size:16px;font-weight:700}
 .sheet290 .dash290-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
 footer{display:none}
 .topbar .backup-button[data-action=logout]{min-height:40px}
 .dash290-head h1{font-size:22px}
 .dash290-head .btn{display:none}
 .dash290-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .kpi290.cash{grid-column:1/-1;padding:18px;border-radius:18px}
 .kpi290.cash strong{font-size:30px;letter-spacing:-.6px}
 .kpi290 strong{font-size:17px}
 .dash290-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .dash290 .quick290{flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:6px;font-size:12.5px;text-align:center}
 .dash290-grid{grid-template-columns:1fr}
 dialog{width:100vw;max-width:100vw;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0}
 .amount-hero290 input{font-size:34px!important}
 #toast{bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media print{.tabbar290,.sheet290,.sheet290-back{display:none!important}}
.card290{overflow:hidden}
.card290 .chart-bars{min-width:0}
.card290 .bar-group{min-width:0}
@media screen and (max-width:760px){
 .card290 .bar{width:clamp(6px,2.6vw,14px)}
 .dash290-kpis .kpi290:last-child{grid-column:1/-1}
}
@media screen and (max-width:760px){
 body:not(.auth-mode):has(.sidebar.open) .tabbar290{display:none}
 .tabbar290{z-index:15}
}
@media screen{
 body .badge{background:var(--pale);color:var(--green);border:0;border-radius:999px;font-size:12px;padding:4px 10px;font-weight:600;letter-spacing:0}
 body .badge.orange{background:var(--warn-soft);color:var(--warn-ink)}
 body .badge.red{background:#F9E6E1;color:#7E2A1E}
 body .badge.blue{background:var(--in-soft);color:var(--in)}
 .page-head .eyebrow{display:none}
}
/* Koyu tema: aynı yeşil kimlik, düşük parlaklık */
body[data-nav-theme=dark]{color-scheme:dark;--ink:#E6EEEB;--muted:#9DB3AC;--green:#3FA88D;--green-dark:#2F8F78;--pale:#1E3A33;--line:#2A3833;--bg:#0F1A17;--surface:#16231F;--surface-soft:#1A2925;--surface-hover:#20302B;--in:#86BAE8;--out:#E9A97F;--in-soft:#1C2E40;--out-soft:#3A2618;--warn-soft:#3A2E18;--warn-ink:#F0C483;--orange:#F0C483;--rail:#0B1512}
@media screen{
 body[data-nav-theme=dark] label{color:#C9D6D1}
 body[data-nav-theme=dark] input,body[data-nav-theme=dark] select,body[data-nav-theme=dark] textarea,body[data-nav-theme=dark] .btn.secondary{border-color:#35463F}
 body[data-nav-theme=dark] .btn{color:#0B1512}body[data-nav-theme=dark] .btn.secondary{color:var(--ink)}
 body[data-nav-theme=dark] .note{background:#1E3A33;color:#CFE3DC}
 body[data-nav-theme=dark] .error:not(:empty){background:#3B211C;color:#F3B9AB}
 body[data-nav-theme=dark] .badge{background:var(--pale);color:#9FD8C6}
 body[data-nav-theme=dark] .badge.orange{background:var(--warn-soft);color:var(--warn-ink)}
 body[data-nav-theme=dark] .badge.red{background:#3B211C;color:#F3B9AB}
 body[data-nav-theme=dark] .positive{color:var(--in)}body[data-nav-theme=dark] .negative{color:var(--out)}
 body[data-nav-theme=dark] .quick290.exp i{background:#22302B;color:#C9D6D1}
 body[data-nav-theme=dark] .chips290 button{background:#1E3A33;border-color:#2F5247;color:#9FD8C6}
 body[data-nav-theme=dark] .kpi290.cash{border-color:#24423A}
 body[data-nav-theme=dark] .row290{border-color:var(--line)}
}
@media screen{
 dialog input,dialog select,dialog textarea{font-size:15px}
 dialog label{font-size:12.5px}
 .line-header{font-size:12px;color:var(--muted)}
}
/* CSP satır içi stile izin vermez: renkler sınıfla verilir */
.kpi290 strong.in{color:var(--in)}.kpi290 strong.out{color:var(--out)}.more290{margin-top:8px}

/* Finans Ofisi 3.0.0 — Liquid ve Bento temaları. Klasik tema design290.css'tir; bu katman body[data-ui] ile seçilir. */
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-ext-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-ext-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-ext-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-ext-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url('/fonts/inter-latin-ext-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-ext-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-ext-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-ext-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-ext-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin-ext-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ================= LIQUID — Apple tarzı, renkli cam ================= */
body[data-ui=liquid]{--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#EEF1F8;--ink:#16171B;--muted:#5B5F6B;--line:rgba(60,60,67,.12);--green:#0A63F0;--green-dark:#0050CC;--pale:rgba(10,99,240,.10);--in:#0058D6;--out:#C2410C;--in-soft:rgba(10,99,240,.12);--out-soft:rgba(255,122,26,.16);--warn-soft:rgba(255,170,0,.18);--warn-ink:#7A4300;--orange:#B45309;--red:#C62828;
 --surface:rgba(255,255,255,.58);--surface-soft:rgba(255,255,255,.42);--surface-hover:rgba(255,255,255,.78);--glass-border:rgba(255,255,255,.78);--glass-shadow:0 12px 32px rgba(40,50,100,.10),inset 0 1px 0 rgba(255,255,255,.9);--glass-strong:rgba(250,250,253,.84);--field:rgba(255,255,255,.72);--field-border:rgba(60,60,67,.18);
 --blob1:rgba(122,176,255,.75);--blob2:rgba(211,155,255,.65);--blob3:rgba(127,240,210,.6);--blob4:rgba(255,194,154,.7);--radius:24px}
body[data-ui=liquid][data-nav-theme=dark]{color-scheme:dark;--bg:#06070C;--ink:#F5F5F7;--muted:#A9ABB6;--line:rgba(255,255,255,.10);--green:#2E8BFF;--green-dark:#1F74E8;--pale:rgba(46,139,255,.16);--in:#5EA8FF;--out:#FF9F6B;--in-soft:rgba(46,139,255,.18);--out-soft:rgba(255,122,26,.18);--warn-soft:rgba(255,170,0,.16);--warn-ink:#FFC56B;--orange:#FFB35C;--red:#FF6B6B;
 --surface:rgba(28,30,40,.55);--surface-soft:rgba(255,255,255,.05);--surface-hover:rgba(255,255,255,.10);--glass-border:rgba(255,255,255,.10);--glass-shadow:0 14px 36px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.10);--glass-strong:rgba(26,28,36,.86);--field:rgba(255,255,255,.07);--field-border:rgba(255,255,255,.14);
 --blob1:rgba(43,91,255,.55);--blob2:rgba(155,48,255,.45);--blob3:rgba(0,184,163,.40);--blob4:rgba(255,90,54,.40)}
/* Cam desteklemeyen ya da şeffaflığı azaltılmış cihazlar: aynı renkler, opak yüzeyler */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body[data-ui=liquid]{--surface:#FFFFFF;--glass-strong:#FFFFFF}body[data-ui=liquid][data-nav-theme=dark]{--surface:#1C1E26;--glass-strong:#1C1E26}}
@media (prefers-reduced-transparency:reduce){body[data-ui=liquid]{--surface:#FFFFFF;--glass-strong:#FFFFFF}body[data-ui=liquid][data-nav-theme=dark]{--surface:#1C1E26;--glass-strong:#1C1E26}}

@media screen{
 body[data-ui=liquid]{background:var(--bg);color:var(--ink);font-family:var(--font);font-feature-settings:"tnum" 1,"cv11" 1}
 body[data-ui=liquid]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42vmax 42vmax at 4% 0%,var(--blob1),transparent 62%),radial-gradient(38vmax 38vmax at 100% 6%,var(--blob2),transparent 62%),radial-gradient(40vmax 40vmax at 40% 104%,var(--blob3),transparent 62%),radial-gradient(30vmax 30vmax at 96% 92%,var(--blob4),transparent 62%)}
 body[data-ui=liquid] .page-head h1,body[data-ui=liquid] .dash290-head h1{font-family:var(--font);font-weight:800;letter-spacing:-.9px;font-size:32px}
 body[data-ui=liquid] .dash290-date{text-transform:uppercase;font-weight:650;letter-spacing:.4px}
 /* Cam yüzeyler */
 body[data-ui=liquid] .panel,body[data-ui=liquid] .stat,body[data-ui=liquid] .kpi290,body[data-ui=liquid] .card290,body[data-ui=liquid] .quick290,body[data-ui=liquid] .report-tile,body[data-ui=liquid] .admin-card260,body[data-ui=liquid] .topbar,body[data-ui=liquid] .auth-card{background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}
 body[data-ui=liquid] .panel,body[data-ui=liquid] .stat,body[data-ui=liquid] .kpi290,body[data-ui=liquid] .card290,body[data-ui=liquid] .report-tile,body[data-ui=liquid] .admin-card260{border-radius:var(--radius)}
 body[data-ui=liquid] .quick290{border-radius:22px}
 body[data-ui=liquid] .topbar{border-width:0 0 1px;border-radius:0}
 body[data-ui=liquid] .welcome-strip,body[data-ui=liquid] .note{background:var(--pale);color:var(--ink)}
 /* Menü: cam panel, iOS ayarları gibi renkli simge kutucukları */
 body[data-ui=liquid] .sidebar{--nav-bg:var(--surface);--nav-ink:var(--ink);--nav-muted:var(--muted);--nav-line:var(--line);--nav-hover:var(--surface-hover);--nav-active:var(--surface-hover);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
 body[data-ui=liquid] .sidebar nav .nav-link,body[data-ui=liquid] .sidebar nav .nav-group-toggle,body[data-ui=liquid] .nav-child,body[data-ui=liquid] .sidebar-controls .settings-link,body[data-ui=liquid] .sidebar-controls .nav-theme-toggle,body[data-ui=liquid] .sidebar-bottom,body[data-ui=liquid] .sidebar-toggle{color:var(--ink)}
 body[data-ui=liquid] .nav-child{color:var(--muted)}
 body[data-ui=liquid] .sidebar nav .nav-link.active,body[data-ui=liquid] .sidebar nav .has-active>.nav-group-toggle{background:var(--surface-hover);color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.08);border-color:transparent}
 body[data-ui=liquid] .nav-child.active{background:var(--pale);color:var(--green)}
 body[data-ui=liquid] #nav>.nav-link .finance-icon,body[data-ui=liquid] #nav>.nav-group>.nav-group-toggle .finance-icon:not(.nav-chevron){width:28px;height:28px;padding:5px;box-sizing:border-box;border-radius:8px;color:#fff;background:linear-gradient(145deg,#5AC8FA,#0A63F0);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
 body[data-ui=liquid] #nav>:nth-child(8n+2) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#4CE08A,#1FA855)}
 body[data-ui=liquid] #nav>:nth-child(8n+3) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#FFC048,#FF7A1A)}
 body[data-ui=liquid] #nav>:nth-child(8n+4) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#5EE6E0,#12A3B5)}
 body[data-ui=liquid] #nav>:nth-child(8n+5) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#8A9BFF,#4E5BF0)}
 body[data-ui=liquid] #nav>:nth-child(8n+6) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#FF8AB3,#FF2D6F)}
 body[data-ui=liquid] #nav>:nth-child(8n+7) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#C48BFF,#8A3BF0)}
 body[data-ui=liquid] #nav>:nth-child(8n) .finance-icon:not(.nav-chevron){background:linear-gradient(145deg,#B8BCC8,#7B8090)}
 body[data-ui=liquid] #nav .nav-children .finance-icon:not(.nav-chevron){background:none;box-shadow:none;color:currentColor;padding:0;width:18px;height:18px}
 body[data-ui=liquid] .sidebar .brand-mark,body[data-ui=liquid] .sidebar .avatar,body[data-ui=liquid] .profile{background:linear-gradient(145deg,#34C3FF,#4E6BFF 55%,#A64DFF);color:#fff;box-shadow:0 6px 16px rgba(78,107,255,.4),inset 0 1px 0 rgba(255,255,255,.55);border-radius:11px}
 /* Düğmeler ve alanlar */
 body[data-ui=liquid] .btn{border:0;border-radius:22px;color:#fff;background:linear-gradient(180deg,#2E8BFF,#0A63F0);box-shadow:0 8px 20px rgba(10,99,240,.35),inset 0 1px 0 rgba(255,255,255,.45)}
 body[data-ui=liquid] .btn:hover{background:linear-gradient(180deg,#3B95FF,#0A5AE0)}
 body[data-ui=liquid] .btn.secondary,body[data-ui=liquid] .backup-button{background:var(--field);color:var(--ink);border:1px solid var(--field-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
 body[data-ui=liquid] .btn.danger{background:linear-gradient(180deg,#FF6B6B,#E03131);color:#fff}
 body[data-ui=liquid] input,body[data-ui=liquid] select,body[data-ui=liquid] textarea{background:var(--field);border-color:var(--field-border);border-radius:12px;color:var(--ink)}
 body[data-ui=liquid] label{color:var(--ink)}
 body[data-ui=liquid] th{background:var(--surface-soft);color:var(--muted)}
 body[data-ui=liquid] td{border-color:var(--line)}
 body[data-ui=liquid] dialog{background:var(--glass-strong);color:var(--ink);border:1px solid var(--glass-border);border-radius:28px;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%)}
 body[data-ui=liquid] dialog::backdrop{background:rgba(20,24,40,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
 body[data-ui=liquid] #toast{background:var(--glass-strong);color:var(--ink);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:18px}
 body[data-ui=liquid] .badge{background:var(--pale);color:var(--green)}
 /* Özet */
 body[data-ui=liquid] .kpi290.cash{position:relative;overflow:hidden;color:#fff;border:0;background:linear-gradient(135deg,#3B82FF,#6A5BFF 52%,#B455F5);box-shadow:0 16px 36px rgba(90,80,255,.38),inset 0 1px 0 rgba(255,255,255,.45)}
 body[data-ui=liquid] .kpi290.cash::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.36),rgba(255,255,255,0) 45%)}
 body[data-ui=liquid] .kpi290.cash span,body[data-ui=liquid] .kpi290.cash small{color:rgba(255,255,255,.92)}
 body[data-ui=liquid] .kpi290 strong{font-weight:800;letter-spacing:-.6px}
 body[data-ui=liquid] .quick290 i{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);border-radius:12px}
 body[data-ui=liquid] .quick290.in i{background:linear-gradient(145deg,#5AC8FA,#0A63F0)}
 body[data-ui=liquid] .quick290.out i{background:linear-gradient(145deg,#FFC048,#FF7A1A)}
 body[data-ui=liquid] .quick290.doc i{background:linear-gradient(145deg,#C48BFF,#8A3BF0)}
 body[data-ui=liquid] .quick290.exp i{background:linear-gradient(145deg,#FF8AB3,#FF2D6F)}
 body[data-ui=liquid] .card290-head h2{font-weight:700;font-size:17px;letter-spacing:-.3px}
 body[data-ui=liquid] .card290-head a,body[data-ui=liquid] .text-link{color:var(--green)}
 body[data-ui=liquid] .bar{border-radius:7px;background:linear-gradient(180deg,#5AC8FA,#0A63F0)}
 body[data-ui=liquid] .bar.out{background:linear-gradient(180deg,#FFB37A,#FF5E7E)}
 body[data-ui=liquid] .chart-legend i{background:#0A63F0}body[data-ui=liquid] .chart-legend i.out{background:#FF5E7E}
 body[data-ui=liquid] .chart-bars{background:none}
 body[data-ui=liquid] .row290{border-color:var(--line)}
 body[data-ui=liquid] .row290-date{width:40px;height:40px;border-radius:12px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#5AC8FA,#0A63F0)}
 body[data-ui=liquid] .row290:has(.row290-amount.out) .row290-date{background:linear-gradient(145deg,#FFC048,#FF7A1A)}
 body[data-ui=liquid] .row290-date small{color:rgba(255,255,255,.95);font-weight:700;text-transform:uppercase;font-size:9.5px}
 body[data-ui=liquid] .chips290 button{background:var(--pale);border-color:transparent;color:var(--green)}
}

/* ================= BENTO — canlı renk blokları ================= */
body[data-ui=bento]{--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#EFEFEC;--surface:#FFFFFF;--surface-soft:#F6F6F3;--surface-hover:#F1F1EE;--line:#E2E2DE;--ink:#111111;--muted:#5E5E5A;--green:#111111;--green-dark:#000000;--btn-ink:#FFFFFF;--pale:#EDF7C8;--in:#1D4ED8;--out:#C2410C;--in-soft:#B9E3FF;--out-soft:#FFD2B0;--warn-soft:#FFE7C2;--warn-ink:#7A3E00;--orange:#B45309;--red:#C62828;--lime:#D4F57A;--sky:#B9E3FF;--peach:#FFD2B0;--lilac:#D9CCFF;--pink:#FFC2D9;--inverse:#111111;--inverse-ink:#FFFFFF;--inverse-muted:#A1A1AA;--radius:26px}
body[data-ui=bento][data-nav-theme=dark]{color-scheme:dark;--bg:#0B0B0C;--surface:#18181B;--surface-soft:#1F1F23;--surface-hover:#26262B;--line:#2A2A2F;--ink:#F4F4F5;--muted:#A1A1AA;--green:#C6F432;--green-dark:#B5E21F;--btn-ink:#111111;--pale:#2A3311;--in:#7CC8FF;--out:#FFAE7A;--in-soft:#16314A;--out-soft:#3D2414;--warn-soft:#3D2E14;--warn-ink:#FFC56B;--orange:#FFB35C;--red:#FF6B6B;--lime:#C6F432;--sky:#7CC8FF;--peach:#FFAE7A;--lilac:#B9A4FF;--pink:#FF9CC2;--inverse:#F4F4F5;--inverse-ink:#111111;--inverse-muted:#52525B}
@media screen{
 body[data-ui=bento]{background:var(--bg);color:var(--ink);font-family:var(--font);font-feature-settings:"tnum" 1}
 body[data-ui=bento] .page-head h1,body[data-ui=bento] .dash290-head h1{font-family:var(--font);font-weight:800;letter-spacing:-1.1px;font-size:30px}
 body[data-ui=bento] .panel,body[data-ui=bento] .stat,body[data-ui=bento] .card290,body[data-ui=bento] .kpi290,body[data-ui=bento] .report-tile,body[data-ui=bento] .admin-card260,body[data-ui=bento] .auth-card{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:var(--radius)}
 body[data-ui=bento] .topbar{background:var(--bg);border-color:transparent}
 body[data-ui=bento] .note,body[data-ui=bento] .welcome-strip{background:var(--pale);color:var(--ink)}
 body[data-ui=bento][data-nav-theme=dark] .note{color:#E9F7B8}
 /* Menü: sade yüzey, siyah (koyu temada fıstık yeşili) hap seçili öğe */
 body[data-ui=bento] .sidebar{--nav-bg:var(--surface);--nav-ink:var(--ink);--nav-muted:var(--muted);--nav-line:var(--line);--nav-hover:var(--surface-hover);--nav-active:var(--green);border:1px solid var(--line);box-shadow:none}
 body[data-ui=bento] .sidebar nav .nav-link,body[data-ui=bento] .sidebar nav .nav-group-toggle,body[data-ui=bento] .sidebar-controls .settings-link,body[data-ui=bento] .sidebar-controls .nav-theme-toggle,body[data-ui=bento] .sidebar-bottom,body[data-ui=bento] .sidebar-toggle{color:var(--ink);font-weight:600;border-radius:999px}
 body[data-ui=bento] .nav-child{color:var(--muted);border-radius:999px;font-weight:600}
 body[data-ui=bento] .sidebar nav .nav-link.active,body[data-ui=bento] .sidebar nav .has-active>.nav-group-toggle{background:var(--green);color:var(--btn-ink);box-shadow:none;border-color:transparent}
 body[data-ui=bento] .nav-child.active{background:var(--lime);color:#111}
 body[data-ui=bento] .sidebar .brand-mark{background:var(--ink);color:var(--lime);border-radius:13px;box-shadow:none}
 body[data-ui=bento] .sidebar .avatar,body[data-ui=bento] .profile{background:var(--lime);color:#111;border-radius:13px}
 /* Düğmeler ve alanlar */
 body[data-ui=bento] .btn{border:0;border-radius:999px;background:var(--green);color:var(--btn-ink);font-weight:800;box-shadow:none}
 body[data-ui=bento] .btn:hover{background:var(--green-dark)}
 body[data-ui=bento] .btn.secondary,body[data-ui=bento] .backup-button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px}
 body[data-ui=bento] .btn.danger{background:#E5484D;color:#fff}
 body[data-ui=bento] input,body[data-ui=bento] select,body[data-ui=bento] textarea{background:var(--surface-soft);border-color:var(--line);border-radius:14px;color:var(--ink)}
 body[data-ui=bento] label{color:var(--ink)}
 body[data-ui=bento] th{background:var(--surface-soft);color:var(--muted)}
 body[data-ui=bento] td{border-color:var(--line)}
 body[data-ui=bento] dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:30px}
 body[data-ui=bento] dialog::backdrop{background:rgba(0,0,0,.42)}
 body[data-ui=bento] #toast{background:var(--inverse);color:var(--inverse-ink);border-radius:999px}
 body[data-ui=bento] .badge{background:var(--lime);color:#111}
 body[data-ui=bento] .badge.orange{background:var(--peach);color:#111}
 body[data-ui=bento] .badge.blue{background:var(--sky);color:#111}
 body[data-ui=bento] .positive{color:var(--in)}body[data-ui=bento] .negative{color:var(--out)}
 /* Özet: renk blokları */
 body[data-ui=bento] .kpi290{--in:#111111;--out:#111111;color:#111;border:0}
 body[data-ui=bento] .kpi290 span,body[data-ui=bento] .kpi290 small,body[data-ui=bento] .kpi290 small.warn{color:#111;font-weight:700}
 body[data-ui=bento] .kpi290 strong{font-weight:800;letter-spacing:-1px}
 body[data-ui=bento] .kpi290.cash{background:var(--lime)}
 body[data-ui=bento] .kpi290.cash strong{font-size:34px;letter-spacing:-1.6px}
 body[data-ui=bento] .dash290-kpis .kpi290:nth-child(2){background:var(--sky)}
 body[data-ui=bento] .dash290-kpis .kpi290:nth-child(3){background:var(--peach)}
 body[data-ui=bento] .dash290-kpis .kpi290:nth-child(4){background:var(--lilac)}
 body[data-ui=bento] .quick290{background:var(--surface);border:1px solid var(--line);border-radius:24px;font-weight:800}
 body[data-ui=bento] .quick290 i{border-radius:50%;color:#111}
 body[data-ui=bento] .quick290.in i{background:var(--sky)}body[data-ui=bento] .quick290.out i{background:var(--peach)}body[data-ui=bento] .quick290.doc i{background:var(--lilac)}body[data-ui=bento] .quick290.exp i{background:var(--pink)}
 body[data-ui=bento] .card290-head h2{font-weight:800;font-size:18px;letter-spacing:-.4px}
 body[data-ui=bento] .card290-head a,body[data-ui=bento] .text-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
 body[data-ui=bento] .dash290-grid .card290:nth-child(2){--in:#7CC8FF;--out:#FFAE7A;background:var(--inverse);color:var(--inverse-ink);border-color:var(--inverse)}
 body[data-ui=bento][data-nav-theme=dark] .dash290-grid .card290:nth-child(2){--in:#1D4ED8;--out:#C2410C}
 body[data-ui=bento] .dash290-grid .card290:nth-child(2) .card290-head a{color:var(--inverse-ink)}
 body[data-ui=bento] .dash290-grid .card290:nth-child(2) .row290{border-color:rgba(127,127,127,.25)}
 body[data-ui=bento] .dash290-grid .card290:nth-child(2) .row290-text small,body[data-ui=bento] .dash290-grid .card290:nth-child(2) .empty290{color:var(--inverse-muted)}
 body[data-ui=bento] .dash290-grid .card290:nth-child(2) .row290-amount small{color:var(--inverse-muted)}
 body[data-ui=bento] .row290-date{width:40px;height:40px;border-radius:14px;background:var(--lime);color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center}
 body[data-ui=bento] .row290:has(.row290-amount.out) .row290-date{background:var(--peach)}
 body[data-ui=bento] .row290-date small{color:#111;font-weight:800;text-transform:uppercase;font-size:9.5px}
 body[data-ui=bento] .row290{border-color:var(--line)}
 body[data-ui=bento] .bar{border-radius:6px;background:var(--ink)}body[data-ui=bento] .bar.out{background:var(--peach)}
 body[data-ui=bento] .chart-legend i{background:var(--ink)}body[data-ui=bento] .chart-legend i.out{background:var(--peach)}
 body[data-ui=bento] .chart-bars{background:none}
 body[data-ui=bento] .chips290 button{background:var(--lime);border-color:transparent;color:#111;font-weight:800}
}

/* ================= Telefon: temaya göre alt menü ================= */
@media screen and (max-width:760px){
 body[data-ui=liquid]:not(.auth-mode) .tabbar290,body[data-ui=bento]:not(.auth-mode) .tabbar290{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:32px;padding:4px 8px;border:1px solid var(--glass-border,var(--line))}
 body[data-ui=liquid]:not(.auth-mode) .tabbar290{background:var(--glass-strong);box-shadow:0 16px 40px rgba(40,50,100,.18),inset 0 1px 0 rgba(255,255,255,.6);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
 body[data-ui=liquid] .tabbar290 .plus290 span{background:linear-gradient(180deg,#2E8BFF,#0A63F0);border-radius:50%;box-shadow:0 10px 24px rgba(10,99,240,.5),inset 0 1px 0 rgba(255,255,255,.5)}
 body[data-ui=bento]:not(.auth-mode) .tabbar290{background:var(--inverse);border-color:var(--inverse);box-shadow:0 12px 30px rgba(0,0,0,.25)}
 body[data-ui=bento] .tabbar290 a,body[data-ui=bento] .tabbar290 button{color:var(--inverse-muted)}
 body[data-ui=bento] .tabbar290 .on{color:var(--inverse-ink)}
 body[data-ui=bento] .tabbar290 .plus290 span{background:var(--lime);color:#111;border-radius:50%;box-shadow:none}
 body[data-ui=liquid] .sheet290,body[data-ui=bento] .sheet290{border-radius:30px 30px 0 0}
 body[data-ui=liquid] .sheet290{background:var(--glass-strong);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%)}
 body[data-ui=bento] .sheet290{background:var(--surface)}
 body[data-ui=liquid] .kpi290.cash strong,body[data-ui=bento] .kpi290.cash strong{font-size:34px}
}

/* ================= Görünüm seçici ================= */
.ui300-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ui300-card{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:18px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:44px}
.ui300-card[aria-checked=true]{border-color:var(--green);box-shadow:0 0 0 3px var(--pale)}
.ui300-card>span:last-child{display:flex;flex-direction:column;gap:2px}
.ui300-card strong{font-size:14px;padding:0 4px}.ui300-card small{font-size:12px;color:var(--muted);padding:0 4px 4px;line-height:1.35}
.ui300-thumb{height:78px;border-radius:12px;position:relative;overflow:hidden}
.ui300-thumb i{position:absolute;border-radius:8px}
.ui300-thumb.klasik{background:#F3F4F0}.ui300-thumb.klasik i:nth-child(1){left:0;top:0;bottom:0;width:26%;border-radius:0;background:#11241F}.ui300-thumb.klasik i:nth-child(2){left:32%;top:12%;width:60%;height:28%;background:#fff;border:1px solid #E2E5DF}.ui300-thumb.klasik i:nth-child(3){left:32%;top:50%;width:28%;height:36%;background:#0E5A4B}.ui300-thumb.klasik i:nth-child(4){left:64%;top:50%;width:28%;height:36%;background:#fff;border:1px solid #E2E5DF}
.ui300-thumb.liquid{background:radial-gradient(60% 80% at 0 0,#7AB0FF,transparent 70%),radial-gradient(60% 80% at 100% 10%,#D39BFF,transparent 70%),radial-gradient(70% 80% at 50% 110%,#7FF0D2,transparent 70%),#EEF1F8}.ui300-thumb.liquid i:nth-child(1){left:6%;top:10%;bottom:10%;width:22%;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}.ui300-thumb.liquid i:nth-child(2){left:34%;top:12%;width:58%;height:32%;background:linear-gradient(135deg,#3B82FF,#B455F5)}.ui300-thumb.liquid i:nth-child(3){left:34%;top:52%;width:27%;height:36%;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}.ui300-thumb.liquid i:nth-child(4){left:65%;top:52%;width:27%;height:36%;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}
.ui300-thumb.bento{background:#EFEFEC}.ui300-thumb.bento i:nth-child(1){left:6%;top:12%;width:56%;height:40%;background:#D4F57A}.ui300-thumb.bento i:nth-child(2){left:66%;top:12%;width:28%;height:40%;background:#B9E3FF}.ui300-thumb.bento i:nth-child(3){left:6%;top:58%;width:42%;height:30%;background:#111}.ui300-thumb.bento i:nth-child(4){left:52%;top:58%;width:42%;height:30%;background:#FFD2B0}
.ui300-modes{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}
.ui300-modes button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ui300-modes button[aria-checked=true]{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.14);color:var(--green)}
.ui300-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.ui300-section>span{font-size:13px;font-weight:700;color:var(--muted)}
.ui300-firm{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;min-height:44px}
.ui300-firm input{width:22px;height:22px;min-height:0;accent-color:var(--green)}
@media (max-width:520px){.ui300-grid{grid-template-columns:1fr}.ui300-card{flex-direction:row;align-items:center}.ui300-thumb{width:96px;height:64px;flex:none}}