:root{color-scheme:light;--ink:#182f43;--muted:#637889;--line:#dce5eb;--brand:#126b65;--dark:#112c3b}*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:var(--ink);font:15px Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;background:var(--brand);color:white;border-radius:9px;padding:12px 17px;font-weight:700}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;border:1px solid #c9d7e0;background:white;border-radius:8px;padding:12px;color:var(--ink)}label{display:grid;gap:8px;font-size:13px;font-weight:700}h1{font-size:27px;margin:8px 0}h2{font-size:20px}small,.muted{color:var(--muted)}.brand{font-size:27px;font-weight:800}.brand b{color:#4bceb7}.entry{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#112c3b,#126b65);padding:24px}.entry-card{background:white;border-radius:22px;padding:35px;width:min(460px,100%);box-shadow:0 30px 80px #0003}.entry form{display:grid;gap:18px}.entry-card p{line-height:1.8}#workspace{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:var(--dark);color:white;padding:28px 18px;position:sticky;top:0;height:100vh;overflow:auto}aside p{font-size:13px;color:#b8cbd6;line-height:1.8}nav{display:grid;gap:6px;margin:30px 0}nav button{background:transparent;text-align:right;color:#c6d6df;font-weight:400}nav button:hover,nav button.active{background:#ffffff16;color:#fff;box-shadow:inset -3px 0 #4bceb7}main{padding:27px 32px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.header-tools,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{padding:9px 12px;border-radius:30px;background:#def3ec;color:#16634b;font-size:12px}.secondary{background:#e8eff3;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:25px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:23px}.metric strong{display:block;font-size:29px;margin-top:12px}.metric small{display:block;margin-top:8px}.panel{margin-bottom:18px}.panel h2{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.form-grid .actions{align-self:end}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:right;background:#f3f7f9;color:#526c7e;font-size:12px}td,th{padding:15px 13px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.empty{padding:30px;text-align:center;color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar input{max-width:360px}.line-editor{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;margin:20px 0}footer{color:var(--muted);font-size:12px;padding-top:25px}dialog{border:0;border-radius:18px;padding:28px;width:min(950px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#0a243a99}#notice{position:fixed;top:15px;left:25px;z-index:99;background:#172d40;color:white;padding:18px 25px;border-radius:10px;max-width:520px;box-shadow:0 8px 30px #0003}[hidden]{display:none!important}@media(max-width:1000px){#workspace{grid-template-columns:185px 1fr}main{padding:20px}.form-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){#workspace{display:block}aside{position:relative;height:auto}nav{grid-template-columns:repeat(2,1fr);margin:12px 0}.form-grid,.line-editor{grid-template-columns:1fr}header{align-items:start;flex-direction:column}}@media print{aside,header,.metrics,footer,.actions,#notice,#workspace,#entry{display:none!important}dialog[open]{position:static;width:100%;max-height:none;overflow:visible;display:block!important}dialog::backdrop{display:none}}

.permission-grid{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.permission-grid label{display:flex;align-items:center;font-weight:400}.permission-grid input{width:18px;height:18px;accent-color:var(--brand)}

.permission-details{grid-column:1/-1}.permission-details summary{cursor:pointer;padding:12px;font-weight:700}
.supplier-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:16px;border-radius:15px;background:#eaf5f3;border:1px solid #c6dfdc}.supplier-tools label{min-width:260px;flex:1}.supplier-tools button{width:auto}
.purchase-specs{grid-column:1/-1;border:1px solid #9dc9c4;border-radius:16px;padding:16px;background:#f3fbfa;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.purchase-specs legend{font-weight:800;color:#0f3444;padding:0 8px}.purchase-specs label{display:grid;gap:6px}.purchase-note-field{border-top:2px dashed #cbdde0;padding-top:14px}@media(max-width:1000px){.purchase-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.purchase-specs{grid-template-columns:1fr}}
.supplier-kpis{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;margin:18px 0}.supplier-kpis>div{display:grid;gap:8px;padding:18px;border:1px solid #d4e2e6;border-radius:15px;background:#fff}.supplier-kpis span{color:#617681}.supplier-kpis b{font-size:24px;color:#103746}.supplier-list{display:grid;gap:18px}.supplier-card{overflow:hidden;border:1px solid #ccdde1;border-radius:18px;background:#fff;box-shadow:0 9px 25px #1037460b}.supplier-card>header{display:flex;justify-content:space-between;gap:18px;padding:20px;background:linear-gradient(135deg,#103746,#176b70);color:#fff}.supplier-card h3,.supplier-card p{margin:0 0 7px}.supplier-card header>span{align-self:center;padding:9px 13px;border-radius:999px;background:#ffffff20;white-space:nowrap}.supplier-money{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:16px}.supplier-money>div{display:grid;gap:6px;padding:12px;border-radius:12px;background:#f3f8f8;color:#617681}.supplier-money b{color:#103746;font-size:17px}.supplier-card details{margin:0 16px 16px;border:1px solid #d7e5e7;border-radius:12px}.supplier-card summary{cursor:pointer;padding:14px;font-weight:800;color:#0d756c}.supplier-card details .table-wrap{margin:0 12px 12px}@media(max-width:900px){.supplier-kpis,.supplier-money{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.supplier-kpis,.supplier-money{grid-template-columns:1fr}.supplier-card>header{flex-direction:column}}
.purchase-studio{display:grid;gap:20px}.purchase-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#eef8f6,#f7fafb)}.purchase-head textarea,.purchase-add textarea{width:100%;border:1px solid #c9d7e0;border-radius:9px;padding:12px;resize:vertical}.purchase-wide{grid-column:1/-1}.purchase-add{padding:20px;border:1px solid #c8dedb;border-radius:16px;background:#fff}.purchase-add h3{margin-top:0}.purchase-add-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;align-items:end}.purchase-add-grid output{display:block;padding:12px;border-radius:8px;background:#e6f5f2;color:#086a61;font-size:17px;font-weight:900}.purchase-item-info{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:14px;border-radius:12px;background:#102f3d;color:#fff}.purchase-item-info span{color:#d7e8eb}.purchase-lines{display:grid;gap:14px}.purchase-lines article{overflow:hidden;border:1px solid #d4e2e6;border-radius:15px;background:#fff;box-shadow:0 8px 22px #102f3d0c}.purchase-lines article>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:#edf6f5}.purchase-lines article>header>div{display:grid;gap:5px}.purchase-lines article>header small{color:#537078}.purchase-lines article>div{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:15px}.purchase-lines article span{display:grid;gap:5px;padding:11px;border-radius:10px;background:#f5f8f9;color:#617681}.purchase-lines article span b{color:#132f3d;font-size:16px}.purchase-lines .purchase-line-total{background:#103746;color:#d5e7e8}.purchase-lines .purchase-line-total b{color:#fff}.purchase-description,.purchase-note{margin:12px 15px;padding:10px;border-right:4px solid #19a087;background:#f6faf9}.purchase-note{border-color:#d99b22;background:#fff9e9}.purchase-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border-radius:16px;background:#103746;color:#fff;font-size:20px}.purchase-summary button{background:#18a083}@media(max-width:1000px){.purchase-head{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-item-info,.purchase-lines article>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.purchase-head,.purchase-add-grid,.purchase-item-info,.purchase-lines article>div{grid-template-columns:1fr}.purchase-summary{align-items:stretch;flex-direction:column}}

.user-profile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:right;background:transparent;color:var(--ink);padding:4px 0}.user-profile:hover strong{text-decoration:underline}.user-profile small{color:var(--muted);font-weight:400}.user-profile span{font-size:11px;color:var(--brand);font-weight:700}.user-permissions-dialog{width:min(680px,94vw);padding:24px}.user-permissions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.user-permissions-head h2{margin:0 0 6px}.user-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0 24px}.user-summary-grid div{background:#f3f7f9;border:1px solid var(--line);border-radius:10px;padding:14px}.user-summary-grid span,.user-summary-grid strong{display:block}.user-summary-grid span{color:var(--muted);font-size:12px;margin-bottom:7px}.permissions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;list-style:none;margin:0;padding:0}.permissions-list li{background:#f3f7f9;border:1px solid var(--line);border-radius:8px;padding:10px 12px}

.presence-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;white-space:nowrap}.presence-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.presence-badge.online{color:#16804a;background:#e8f7ee}.presence-badge.offline{color:#687581;background:#eef1f4}

input.decimal-entry{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}

/* Fixed ERP toolbar and restrained visual polish; brand colors remain unchanged. */
.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-27px -32px 22px;padding:12px 32px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 5px 18px #112c3b0b;backdrop-filter:blur(12px)}
.topbar-right,.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-right{flex:1}
.topbar-left{justify-content:flex-end}
.app-topbar .user-profile{padding:7px 10px;border-radius:12px;min-width:110px}
.app-topbar .user-profile:hover{background:#f1f7f6;text-decoration:none}
.app-topbar .user-profile strong{font-size:14px}
.toolbar-role{padding:8px 12px;border:1px solid #cce4df;border-radius:999px;background:#eef8f6;color:#145b56;font-size:12px;font-weight:700;white-space:nowrap}
.toolbar-datetime{display:grid;gap:2px;padding-inline-start:12px;border-inline-start:1px solid var(--line);color:var(--muted);font-size:12px;white-space:nowrap}
.toolbar-datetime time:last-child{color:var(--ink);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.topbar-action{padding:9px 12px;white-space:nowrap}
.server-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.server-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#71808a}
.server-status[data-state="online"]::before,.server-status[data-state="local"]::before{background:#18a477;box-shadow:0 0 0 3px #18a47720}
.server-status[data-state="offline"]{background:#fff0ed;color:#a43b2c}
.server-status[data-state="offline"]::before{background:#d64d3e;box-shadow:0 0 0 3px #d64d3e20}
.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.page-heading h1{margin:0;font-size:25px;letter-spacing:-.25px}
button{transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
button:not(:disabled):hover{filter:brightness(.97);box-shadow:0 4px 12px #112c3b18}
button:not(:disabled):active{transform:translateY(1px)}
.metric,.panel{box-shadow:0 5px 18px #112c3b08}
input:focus,select:focus,textarea:focus{outline:3px solid #126b6522;border-color:var(--brand)}
@media(max-width:1000px){.app-topbar{margin:-20px -20px 20px;padding:11px 20px}.topbar-right,.topbar-left{gap:8px}}
@media(max-width:700px){.app-topbar{align-items:stretch;flex-direction:column;gap:8px}.topbar-right{justify-content:space-between;flex-wrap:wrap}.topbar-left{justify-content:flex-start;flex-wrap:wrap}.toolbar-datetime{margin-inline-start:auto}.page-heading{margin-bottom:16px}.page-heading h1{font-size:22px}}
@media(max-width:420px){.toolbar-role{font-size:11px;padding:7px 9px}.topbar-action{padding:8px 10px;font-size:13px}.server-status{font-size:11px;padding:8px 10px}}

#content.items-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:stretch}
#content.items-page>.panel{padding:24px;border-radius:18px;box-shadow:0 8px 24px #102f3d0a;transition:box-shadow .18s ease,transform .18s ease}
#content.items-page>.panel:hover{box-shadow:0 12px 30px #102f3d12}
#content.items-page>.panel:nth-child(1),#content.items-page>.panel:nth-child(4){grid-column:1/-1}
#content.items-page>.panel h2{display:flex;align-items:center;gap:10px;margin-bottom:20px}
#content.items-page>.panel h2:before{content:"";width:5px;height:22px;border-radius:5px;background:#4bceb7}
#content.items-page>.panel:nth-child(1){display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);align-items:center;gap:14px 22px;padding:16px 22px;background:linear-gradient(110deg,#eaf5f3,#fff)}
#content.items-page>.panel:nth-child(1) h2{margin:0}
#categoryEditor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
#categoryEditor button{min-width:155px;height:44px}
#content.items-page>.panel:nth-child(2) form.form-grid,#priceEditor{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#content.items-page>.panel:nth-child(2) form.form-grid>label:nth-of-type(4){grid-column:1/-1}
#content.items-page>.panel:nth-child(2) form.form-grid>.actions{grid-column:1/-1;justify-content:flex-end}
#content.items-page>.panel:nth-child(2) form.form-grid>.actions button{min-width:140px}
#priceEditor>button{grid-column:1/-1;justify-self:end;min-width:155px}
#content.items-page input,#content.items-page select,#content.items-page textarea{transition:border-color .16s ease,box-shadow .16s ease}
#content.items-page input:focus,#content.items-page select:focus,#content.items-page textarea:focus{outline:none;border-color:#4b9e91;box-shadow:0 0 0 3px #4bceb729}
#content.items-page #itemTable{min-height:72px}
@media(max-width:1100px){#content.items-page{grid-template-columns:1fr}#content.items-page>.panel:nth-child(2),#content.items-page>.panel:nth-child(3){grid-column:1/-1}}
@media(max-width:600px){#content.items-page>.panel{padding:18px}#content.items-page>.panel:nth-child(1){grid-template-columns:1fr;gap:10px}#categoryEditor{grid-template-columns:1fr}#categoryEditor button{width:100%}#content.items-page>.panel:nth-child(2) form.form-grid,#priceEditor{grid-template-columns:1fr}#content.items-page>.panel:nth-child(2) form.form-grid>label:nth-of-type(4),#content.items-page>.panel:nth-child(2) form.form-grid>.actions,#priceEditor>button{grid-column:1}}

#categoryEditor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
@media(max-width:600px){#categoryEditor{grid-template-columns:1fr}}

.item-category-dialog form{display:grid;gap:18px}.item-category-dialog h3{margin:0}.item-category-dialog .actions{justify-content:flex-end}

.market-fx-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.market-fx-head p{margin:0 0 8px}.market-fx-status{font-size:13px;font-weight:700}.market-fx-status.is-current{color:#16805f}.market-fx-status.is-stale{color:#a26316}.market-fx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.market-fx-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f1f7f6);display:grid;gap:14px}.market-fx-card>span{color:var(--muted);font-size:14px}.market-fx-card strong{font-size:clamp(25px,4vw,38px);color:var(--brand);direction:ltr;text-align:right}.market-fx-card strong small{display:block;margin-top:5px;font-size:13px;color:var(--muted)}.market-fx-card.is-official strong{color:var(--ink)}.market-fx-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:18px;color:var(--muted);font-size:13px}.market-fx-meta b{color:var(--ink)}.market-fx-meta a{color:var(--brand);font-weight:700}.market-fx-note,.market-fx-error{padding:12px 14px;border-radius:10px;background:#f6f2e8;color:#705a2b;line-height:1.8;margin:18px 0 0}.market-fx-error{background:#fff0f0;color:#9a3434}.market-fx-loading{padding:28px;text-align:center;color:var(--muted)}@media(max-width:600px){.market-fx-head{align-items:flex-start;flex-direction:column}.market-fx-head button{width:100%}}