:root{--bg:#101113;--panel:#191b1e;--line:#2c2e33;--text:#f2f1ee;--muted:#9598a0;--gold:#d8b86b;--accent:#d8b86b;--soft:#29251c;--good:#8cc5a6;--danger:#ed9393;--input:#151619;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Cairo,Arial,sans-serif}body.light{--bg:#f5f5f2;--panel:#fff;--line:#e3e4de;--text:#23262a;--muted:#737780;--soft:#f7efdb;--input:#fafaf7;--gold:#906b24;--good:#357654;--danger:#b93f3f;color-scheme:light}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select,textarea{background:var(--input);border:1px solid var(--line);border-radius:9px;padding:10px 12px;max-width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold)}textarea{resize:vertical;min-height:100px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.brand{font-size:24px;font-weight:800;color:var(--gold);line-height:1.7}.brand small{display:block;font-size:9px;letter-spacing:3px;font-weight:500;color:var(--muted)}aside{position:fixed;right:0;top:0;bottom:0;width:252px;background:var(--panel);border-left:1px solid var(--line);padding:27px 19px;overflow:auto;display:flex;flex-direction:column}.navtitle{color:var(--muted);font-size:10px;margin:27px 14px 10px}nav{flex:1}nav button{display:flex;gap:13px;align-items:center;width:100%;padding:10px 13px;background:none;border:0;border-radius:8px;text-align:right;color:var(--muted);margin:2px 0;font-size:12px}nav button.active{color:var(--gold);background:var(--soft)}nav button:hover{background:var(--soft)}.navicon{font-size:17px;min-width:20px;text-align:center}.sidefoot{border-top:1px solid var(--line);margin-top:25px;padding:18px 10px 0;color:var(--muted);font-size:10px}.sidefoot #userName{font-size:12px;color:var(--text);margin-top:12px}.dot{display:inline-block;width:6px;height:6px;background:var(--good);border-radius:50%;margin-left:5px}main{margin-right:252px;padding:0 35px 25px}header{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}#breadcrumb{color:var(--muted);font-size:12px}.tools{display:flex;gap:13px;align-items:center}.tools select{font-size:12px;background:var(--panel)}.iconbutton{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:18px}.avatar{border:1px solid #6c5a31;color:var(--gold);background:var(--soft);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:700}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:31px 0 28px}.eyebrow{display:block;color:var(--gold);font-size:10px;margin-bottom:8px;letter-spacing:.4px}h1{font-size:27px;line-height:1.5;margin:0;font-weight:800}h2{font-size:20px;margin:0}h3{font-size:15px;margin:0;font-weight:700}p{color:var(--muted);margin:8px 0;line-height:1.9}.button{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:10px 18px;font-size:12px}.gold{background:var(--accent);color:#191916;border-color:var(--accent);font-weight:700}.link{border:0;background:transparent;color:var(--gold);font-size:11px;padding:5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stathead{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stathead span:last-child{color:var(--gold);background:var(--soft);border-radius:9px;padding:6px 11px}.value{font-size:29px;font-weight:800;margin:18px 0 7px}.value small{font-size:10px;color:var(--muted);font-weight:400}.note{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin:21px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0}.progress{height:7px;border-radius:10px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);border-radius:10px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.sectionhead input{font-size:11px;min-width:220px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-weight:500;color:var(--muted);font-size:11px;background:var(--input)}td,th{padding:14px 12px;border-bottom:1px solid var(--line)}td{font-size:12px}.badge{background:var(--soft);color:var(--gold);padding:4px 10px;border-radius:6px;font-size:10px}.badge.green{background:#253b30;color:var(--good)}.empty{padding:45px 20px;text-align:center}.empty .symbol{font-size:35px;color:var(--gold);margin-bottom:12px}.empty p{max-width:420px;margin:12px auto}.pill{color:var(--gold);border:1px solid var(--line);padding:4px 9px;border-radius:5px;font-size:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px 15px;text-align:right}.product strong{display:block;margin-bottom:10px}.product span{color:var(--gold);font-size:18px}.cartitem{border-bottom:1px solid var(--line);padding:13px 0}.cartitem .row{margin:3px 0}.cartitem input{width:75px;padding:5px}.total{color:var(--gold);font-size:27px}.full{width:100%}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;direction:rtl}.authcard{max-width:430px;width:100%;margin:auto;padding:40px}.authcard .brand{margin-bottom:54px}.authcard h1{font-size:26px}.authcard form{display:flex;flex-direction:column;gap:18px;margin-top:27px}.authcard form button{margin-top:5px}.footnote{font-size:10px;margin-top:38px}.authvisual{background:radial-gradient(ellipse at 35% 45%,#312a1a 0%,#191918 45%,#111213 85%);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:70px;color:#eee;position:relative;overflow:hidden}.authvisual:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #d8b86b18;border-radius:50%;left:-200px;bottom:-200px}.monogram{font-size:80px;font-weight:800;color:var(--gold);letter-spacing:-12px;margin-bottom:30px;direction:ltr;text-align:right}.authvisual h2{font-size:38px;line-height:1.8}.authvisual em{font-style:normal;color:var(--gold)}.authvisual p{font-size:14px;line-height:2}.visualtags{display:flex;gap:10px;margin-top:36px;flex-wrap:wrap}.visualtags span{border:1px solid #d8b86b30;border-radius:25px;padding:8px 14px;font-size:10px;color:var(--gold)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;width:650px;max-width:95vw;padding:24px;max-height:90vh}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}.modalfoot{display:flex;justify-content:end;gap:10px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.error{color:var(--danger);font-size:12px;margin-top:10px}.notice{padding:13px 17px;background:var(--soft);color:var(--gold);border-radius:8px;font-size:12px;margin-bottom:18px}#toast{position:fixed;bottom:25px;left:25px;background:var(--panel);border:1px solid var(--gold);border-radius:10px;padding:14px 25px;z-index:5;max-width:85vw}footer{color:var(--muted);font-size:9px;letter-spacing:1px;text-align:center;padding:35px 0 5px}footer span{color:var(--gold);margin:0 8px}.loading{text-align:center;padding:60px;color:var(--muted)}.mini{font-size:10px;color:var(--muted)}.accountlist{margin-top:15px}.accountlist .row{border-bottom:1px solid var(--line);padding-bottom:10px}.positive{color:var(--good)}@media(min-width:1600px){main{padding-right:55px;padding-left:55px}.value{font-size:34px}}@media(max-width:1100px){aside{width:210px}main{margin-right:210px;padding:0 20px 25px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.authvisual{padding:40px}.authvisual h2{font-size:30px}}@media(max-width:700px){aside{position:static;width:100%;padding:16px}.brand{font-size:20px}nav{display:flex;overflow:auto;margin-top:15px}nav button{min-width:145px;white-space:nowrap}.navtitle,.sidefoot{display:none}main{margin:0;padding:0 15px}header{padding:15px 0;height:auto;flex-wrap:wrap}.heading{align-items:flex-start;margin:24px 0}h1{font-size:21px}.stats{gap:10px}.card{padding:15px}.value{font-size:25px}.sectionhead{flex-wrap:wrap}.sectionhead input{width:100%}.catalog{grid-template-columns:repeat(2,1fr)}.auth{display:block}.authvisual{display:none}.authcard{padding:30px}.formgrid{grid-template-columns:1fr}.heading .button{padding:9px;font-size:10px}.tools{gap:8px}}
@media print{aside,header,.heading,#actions,footer,#toast,.button,.link,.notice{display:none!important}body,main{background:white;color:black;margin:0;padding:0}.card{border:0}#content{display:block}table{white-space:normal}.badge{color:black;background:white}}

.saleschart{height:245px;display:flex;align-items:flex-end;gap:15px;padding:25px 0 0}.chartcolumn{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.chartbar{width:70%;max-width:65px;background:linear-gradient(to top,#8a6c33,var(--accent));border-radius:6px 6px 0 0}.chartlabel{color:var(--muted);font-size:10px}.chartvalue{font-size:9px;color:var(--muted);white-space:nowrap}@media(max-width:700px){.saleschart{gap:5px}.chartvalue{font-size:8px}.chartbar{width:80%}}
/* Organized workspace and original identity */
:root{--sidebar:264px;--panel-raised:#202226;--red:#e8a09b}body.light{--panel-raised:#fafaf7;--red:#b34a42}aside{width:var(--sidebar);padding:19px 17px 16px;overflow:hidden}main{margin-right:var(--sidebar);padding:0 30px 24px}.original-brand{background:#231f20;border-radius:11px;display:flex;align-items:center;justify-content:center;overflow:hidden}.original-brand img{display:block;width:185px;height:128px;object-fit:contain}.authcard .original-brand{max-width:240px;margin-bottom:40px;padding:12px}.authcard .original-brand img{width:210px;height:auto}.auth-symbol{width:160px;height:107px;object-fit:contain;margin-bottom:35px;border-radius:12px}.invoice-brand{width:200px;padding:10px;margin-bottom:20px}.workspace-label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;padding:17px 7px 14px}.edition{margin-right:auto;font-size:8px;color:var(--gold);border:1px solid var(--line);padding:2px 5px;border-radius:4px}nav{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-left:3px}nav button{font-size:12px;padding:11px 13px;gap:11px;min-height:44px}.svgicon{width:19px;height:19px;flex:none;vertical-align:middle}.nav-primary{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.nav-primary button.active{box-shadow:inset -3px 0 var(--gold)}.nav-group{margin:3px 0}.nav-group summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:var(--muted);font-size:11px;padding:12px 8px;font-weight:600;border-radius:8px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';font-size:14px;margin-right:10px}.nav-group[open] summary:after{transform:rotate(180deg)}.nav-group summary:hover{background:var(--input)}.groupcount{font-size:9px;margin-right:auto;opacity:.65}.nav-children{padding:0 3px 5px}.nav-children button{font-size:11px}.sidefoot{margin-top:12px;padding-top:12px}.header-start{display:flex;align-items:center;gap:10px}.search-trigger{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--input);padding:9px 12px;color:var(--muted);font-size:11px;min-width:205px}.search-trigger kbd{font:9px Cairo;background:var(--panel);padding:2px 6px;border:1px solid var(--line);border-radius:4px;direction:ltr}.notification-trigger{position:relative;padding:9px 11px}.notification-trigger .svgicon{display:block}#notificationCount{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:10px;background:var(--gold);color:var(--bg);font-size:9px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg)}.heading{margin:26px 0 17px}.heading h1{font-size:28px}.heading p{font-size:12px}.notice#demoBanner{margin:14px 0 0;padding:6px 13px;border:1px solid var(--line);font-size:10px;background:var(--panel)}#demoBanner .row{margin:0}#demoBanner select{padding:5px 10px;font-size:10px;background:var(--input)}.overview-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;color:var(--muted);font-size:10px}.overview-scope,.overview-date{display:flex;gap:7px;align-items:center}.overview-meta .svgicon{width:14px;height:14px}.stats .card{padding:21px}.stathead span{display:grid;place-items:center}.stathead .svgicon{width:17px;height:17px}.stats .value{font-size:28px;letter-spacing:-.6px;margin:17px 0 11px;white-space:nowrap}.stat-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.stat-marker{color:var(--gold);font-size:7px}.quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:19px 0 23px}.quick-action{display:flex;align-items:center;gap:10px;text-align:right;padding:15px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.quick-action:hover{border-color:var(--gold);background:var(--panel-raised)}.quick-action strong{display:block;font-size:11px;font-weight:600}.quick-action small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.quick-icon{color:var(--gold);padding:8px;border-radius:8px;background:var(--soft)}.quick-action>.svgicon{width:13px;height:13px;margin-right:auto;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px;margin-bottom:20px}.sectionhead p{margin:4px 0 0}.subtle-label{color:var(--muted);font-size:9px;border:1px solid var(--line);padding:4px 9px;border-radius:6px}.saleschart{height:238px;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.chartbar{background:linear-gradient(to top,#927036,#e4c475);width:62%;transition:height .4s}.chartvalue{font-size:9px}.chartlabel{font-size:11px}.count-circle{color:var(--gold);background:var(--soft);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px}.priority-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;text-align:right;background:none;border:0;border-bottom:1px solid var(--line)}.priority-marker{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}.priority-item.high .priority-marker{background:var(--red)}.priority-item strong{font-size:10px;display:block}.priority-item small{font-size:9px;display:block;color:var(--muted);line-height:1.9;margin-top:3px;max-width:250px}.priority-item>.svgicon{width:13px;height:13px;color:var(--muted);margin-right:auto}.all-notifications{display:flex;align-items:center;justify-content:space-between;background:none;border:0;color:var(--gold);font:10px Cairo;padding:14px 0 0;width:100%}.all-notifications .svgicon{width:14px;height:14px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-stage{background:var(--input);border:1px solid var(--line);border-radius:10px;padding:15px}.pipeline-top{display:flex;justify-content:space-between;align-items:center;color:var(--gold);margin-bottom:12px}.pipeline-top small{color:var(--muted);font-size:10px}.pipeline-stage strong{font-size:24px}.pipeline-stage p{font-size:10px;margin:3px 0 0}#content>.card{margin-bottom:20px}.order-cell strong{font-size:11px;display:block}.order-cell small{color:var(--muted);font-size:9px;display:block;direction:ltr;text-align:right;margin-top:3px}th{padding:14px 12px;font-size:10px}td{padding:15px 12px;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #d8b86b15}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.collection-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:20px 23px}.collection-strip>div:first-child{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:12px}.collection-strip small{display:block;color:var(--muted);font-size:10px}.collection-strip strong{font-size:18px}.collection-progress{width:30%}.collection-progress .row{margin:0 0 8px}.collection-progress strong{font-size:12px}.table-filters{display:flex;gap:9px;align-items:center}.table-filters select{font-size:11px}.mobile-only{display:none}#notificationScrim{position:fixed;inset:0;z-index:20;background:#0006;backdrop-filter:blur(2px)}#notificationPanel{position:fixed;left:0;top:0;bottom:0;width:430px;max-width:100vw;background:var(--panel);border-right:1px solid var(--line);z-index:21;display:flex;flex-direction:column;box-shadow:15px 0 60px #0003}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.notification-head h2{font-size:21px}.notification-toolbar{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.segmented{display:flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px}.segmented button{background:none;border:0;color:var(--muted);border-radius:5px;padding:6px 9px;font:10px Cairo}.segmented button.active{background:var(--soft);color:var(--gold)}#notificationList{overflow:auto;flex:1;padding:0 20px}.notification-item{display:flex;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}.notification-item.read{opacity:.68}.notification-item-icon{width:35px;height:35px;display:grid;place-items:center;background:var(--soft);color:var(--gold);border-radius:9px;flex:none}.notification-item.high .notification-item-icon{color:var(--red);background:#e06b6312}.notification-item-body{flex:1;min-width:0}.notification-item-body>.row{margin:0;align-items:flex-start}.notification-item strong{font-size:12px}.notification-item p{font-size:11px;margin:6px 0}.unread-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;flex:none;margin-top:8px}.notification-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:12px 0}.priority-label{color:var(--gold)}.notification-item.high .priority-label{color:var(--red)}.notification-item .button{padding:5px 10px;font-size:10px}.notification-bottom{padding:15px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:9px}.notifications-page{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.search-result{display:flex;align-items:center;gap:13px;background:none;border:0;border-bottom:1px solid var(--line);padding:15px 8px;width:100%;text-align:right}.search-result:hover{background:var(--soft)}.search-result .svgicon{color:var(--gold)}.search-result small{margin-right:auto;color:var(--muted);font-size:9px}#searchResults{margin-top:15px;max-height:55vh;overflow:auto}#searchDialog{width:650px}body.light .quick-icon{background:#f5ecd7}body.light .original-brand{box-shadow:0 6px 18px #0001}
@media(max-width:1250px){.search-trigger{min-width:165px}.search-trigger kbd{display:none}.quick-actions{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1.4fr 1fr}.stats .value{font-size:24px}.stats{gap:12px}}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.pipeline{gap:10px}.pipeline-stage{padding:12px}.search-trigger{display:none}.stats{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){aside{position:fixed;right:0;top:0;bottom:0;width:264px;z-index:31;transform:translateX(100%);transition:transform .2s;background:var(--panel);padding:19px 17px;display:flex}.menu-open aside{transform:translateX(0)}aside nav{display:block;overflow:auto;margin-top:0}.nav-group button{min-width:0}.workspace-label,.sidefoot{display:block}.nav-primary button{min-width:0}.sidefoot{display:block}.original-brand img{width:170px;height:117px}#mobileScrim{position:fixed;inset:0;z-index:30;background:#0008}main{margin:0;padding:0 15px 20px}.mobile-only{display:block}header{min-height:75px;padding:13px 0;flex-wrap:nowrap;gap:8px}#breadcrumb{font-size:9px;max-width:105px}.tools{gap:7px}.tools select{max-width:115px;font-size:9px;padding:8px 5px}.tools .iconbutton{padding:8px;font-size:13px}.avatar{width:27px;height:27px;font-size:11px}#menuToggle{font-size:15px;padding:7px 9px}.overview-meta{font-size:9px;flex-wrap:wrap;gap:8px}.overview-date{font-size:8px}.heading h1{font-size:22px}.heading .eyebrow{font-size:8px}.heading p{font-size:10px}.heading{margin-top:22px}.heading>.actions{flex-wrap:wrap}.stats .card{padding:15px}.stats .value{font-size:23px}.stathead{font-size:10px}.stat-foot{font-size:8px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:9px}.quick-action{padding:11px 10px}.quick-action strong{font-size:10px}.quick-action small{font-size:8px}.quick-icon{padding:7px}.quick-action>.svgicon{display:none}.pipeline{grid-template-columns:repeat(2,1fr)}.notifications-page{grid-template-columns:1fr}.collection-strip{flex-wrap:wrap;padding:17px;gap:15px}.collection-progress{width:100%}.table-filters{width:100%;flex-wrap:wrap}.table-filters select{flex:1}.table-filters input{min-width:0}.notice#demoBanner{font-size:9px}#demoBanner .row{gap:8px}#demoBanner select{max-width:100px}.dashboard-grid .card{min-width:0}.chartvalue{font-size:8px}.saleschart{gap:8px}.notification-head{padding:20px}.notification-toolbar{padding:14px}#notificationList{padding:0 15px}.authcard .original-brand img{width:200px;height:auto}}
@media print{#sidebar,#notificationPanel,#notificationScrim,#demoBanner,.overview-meta,.quick-actions,#searchDialog{display:none!important}.original-brand{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

body.notification-open{overflow:hidden}.nav-group summary{font-size:12px}.nav-children button{font-size:12px}.quick-action strong{font-size:12px}.quick-action small{font-size:9px}.priority-item strong{font-size:11px}.priority-item small{font-size:10px}.stat-foot{font-size:10px}.notification-item p{font-size:12px}.notification-meta{font-size:10px}@media(max-width:700px){.quick-action strong{font-size:11px}.quick-action small{font-size:8px}.stat-foot{font-size:8px}.workspace-label{display:flex}}

body[data-department=sales]{--department:#dbb463;--department-soft:#dbb46312}body[data-department=design]{--department:#bd9ce9;--department-soft:#bd9ce912}body[data-department=production]{--department:#80b9ee;--department-soft:#80b9ee12}body[data-department=quality]{--department:#83cba2;--department-soft:#83cba212}body[data-department=supply]{--department:#79c7c1;--department-soft:#79c7c112}body[data-department=finance]{--department:#e3c883;--department-soft:#e3c88312}body[data-department=people]{--department:#d7a1b3;--department-soft:#d7a1b312}body[data-department=operations]{--department:#9fb7cc;--department-soft:#9fb7cc12}body[data-department=general]{--department:var(--gold);--department-soft:var(--soft)}
body.light[data-department=sales]{--department:#896120}body.light[data-department=design]{--department:#7541aa}body.light[data-department=production]{--department:#286595}body.light[data-department=quality]{--department:#287244}body.light[data-department=supply]{--department:#246b65}body.light[data-department=finance]{--department:#876416}body.light[data-department=people]{--department:#95465f}
.heading{border-right:3px solid var(--department,var(--gold));padding-right:18px}.heading .eyebrow{color:var(--department,var(--gold))}#content>.card:first-child{border-top:2px solid var(--department,var(--gold))}.nav-children button.active{color:var(--department,var(--gold));background:var(--department-soft,var(--soft))}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.workflow-grid h3{margin-bottom:20px}.workflow-stage{border-bottom:1px solid var(--line);padding:16px 0}.workflow-stage p{line-height:2}.workflow-grid+.button{margin-bottom:20px}@media(max-width:850px){.workflow-grid{grid-template-columns:1fr}}

.original-brand,body.light .original-brand,.auth-symbol{background:transparent!important;box-shadow:none!important;border:0!important}

.employee-documents{border:1px solid var(--line);background:var(--input);border-radius:12px;padding:18px}.employee-documents h3{margin:0 0 8px}.employee-documents input[type=file]{width:100%;margin-top:6px}.employee-document-list{font-size:12px;color:var(--muted);line-height:2;overflow-wrap:anywhere}.employee-documents a{color:var(--gold);overflow-wrap:anywhere}

.invoice-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin:14px 0}.invoice-summary{padding:22px;background:var(--soft);border-radius:10px;font-weight:700;margin-top:20px}@media(max-width:700px){.invoice-line{grid-template-columns:1fr 1fr}.invoice-line select{grid-column:1/-1}}

.invoice-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.invoice-pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:20px}.invoice-pagination span{margin-left:auto;color:var(--muted)}.invoice-notes{white-space:pre-wrap}@media(max-width:700px){.invoice-filters{grid-template-columns:1fr}.invoice-pagination{flex-wrap:wrap}}

.invoice-line{grid-template-columns:1.6fr 1.8fr .7fr 1fr .8fr .8fr auto;align-items:end}.invoice-line input,.invoice-line select{width:100%;min-width:0}@media(max-width:1100px){.invoice-line{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))}}

.print-document{background:#fff;color:#202326;max-width:1000px;margin:20px auto;padding:32px;border:1px solid #e2e2df;border-radius:4px;font-size:13px;line-height:1.6}.document-header{display:flex;justify-content:space-between;gap:28px;border-bottom:2px solid #c9a54e;padding-bottom:18px;align-items:center}.document-company{max-width:65%;font-size:11px}.document-company img{display:block;width:130px;height:86px;object-fit:contain;margin-bottom:7px}.print-document p{margin:4px 0;overflow-wrap:anywhere}.document-title{text-align:left}.document-title h2{font-size:24px;color:#906b24;margin-bottom:6px}.document-title strong{font-size:15px}.document-meta{display:grid;grid-template-columns:1fr 1fr 130px;gap:18px;padding:20px 0}.print-document h3{font-size:14px;margin:0 0 6px;color:#202326}.reference-qr{text-align:center;font-size:10px;color:#202326;display:flex;align-items:center;flex-direction:column;gap:3px}.reference-qr svg{width:110px;height:110px;background:#fff;display:block}.reference-qr strong{font-size:11px}.print-document .tablewrap{border:0;overflow:auto}.print-document table{width:100%;font-size:11px;white-space:normal;border-collapse:collapse}.print-document th{background:#f3f1e9;color:#313131;font-weight:700}.print-document th,.print-document td{padding:9px 8px;border:1px solid #e3e3df;text-align:right;vertical-align:top}.document-bottom{display:grid;grid-template-columns:1fr 310px;gap:30px;margin-top:18px}.document-totals{border:1px solid #e3e3df}.total-row{display:flex;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #e8e8e5;gap:15px;font-size:12px}.final-total{background:#f3f1e9;font-size:14px;border:0}.document-notes{font-size:12px;white-space:pre-wrap}.document-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd;margin-top:26px;padding-top:12px;font-size:10px}.customer-card{max-width:750px}.customer-card .document-meta{grid-template-columns:1fr 150px}.print-document .mini{color:#60646b}.print-document .badge{color:#333;background:#f3f1e9}.print-document a{color:#77591c}@media(max-width:700px){.print-document{padding:16px}.document-meta{grid-template-columns:1fr 1fr}.document-header{gap:10px}.document-company{max-width:65%}.document-title h2{font-size:18px}.document-bottom{grid-template-columns:1fr;gap:16px}.document-footer{flex-wrap:wrap}}@page{size:A4;margin:12mm}@media print{html,body{background:#fff!important;color:#202326!important;font-size:10pt}main{width:auto!important;margin:0!important;padding:0!important}#content>.button,#content>span{display:none!important}.print-document{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0;font-size:10pt;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.document-meta{grid-template-columns:1fr 1fr 30mm!important;padding:5mm 0;gap:4mm}.document-bottom{grid-template-columns:1fr 70mm!important;gap:6mm}.document-header{padding-bottom:4mm}.document-company img{width:32mm;height:22mm}.reference-qr svg{width:28mm;height:28mm}.print-document .tablewrap{overflow:visible!important}.print-document table{font-size:9pt;table-layout:auto}.print-document th,.print-document td{padding:2mm}.print-document thead{display:table-header-group}.print-document tr,.document-header,.document-meta,.document-bottom,.reference-qr,.document-footer{break-inside:avoid;page-break-inside:avoid}.document-footer{margin-top:7mm}.customer-card .document-meta{grid-template-columns:1fr 35mm!important}}

.print-document p,.print-document td,.print-document strong{color:#25282c}.print-document .mini{color:#5b5e63}.document-company p[dir=ltr]{text-align:right}

@media print{:root,html,body{color-scheme:light!important;background:#fff!important;--muted:#50545a;--text:#202326;--bg:#fff;--panel:#fff}#app{background:#fff!important}.document-title{padding-left:1mm}.document-company{padding-right:1mm}}

.approval-inline{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--gold);border-radius:9px}.portal-body{min-height:100vh}.portal-shell{max-width:1100px;margin:auto;padding:28px 20px}.portal-toolbar{display:flex;align-items:center;gap:24px;margin-bottom:28px}.portal-toolbar img{width:150px}.portal-toolbar h1{font-size:24px}.portal-toolbar p{color:var(--muted)}#portalLogin{max-width:500px;margin:30px auto;display:flex;flex-direction:column;gap:18px}.portal-proof{padding:20px 0;border-bottom:1px solid var(--line)}.portal-detail{border-color:var(--gold)}.portal-shell .card{margin-bottom:20px}.portal-shell table{width:100%}.portal-shell .tablewrap{overflow:auto}.portal-shell .portal-invoice{margin:25px auto}@media(max-width:700px){.portal-toolbar{flex-wrap:wrap}.portal-toolbar img{width:120px}.portal-shell{padding:18px 12px}.portal-shell .stats{grid-template-columns:1fr 1fr}}@media print{.portal-printing .portal-shell{padding:0;max-width:none}.portal-printing #portalToolbar,.portal-printing #portalLogin,.portal-printing #portalContent,.portal-printing .actions{display:none!important}.portal-printing #portalInvoice{display:block!important}}

.quote-editor{max-width:1100px;margin:auto}.quote-editor .notice{margin:24px 0}.quote-editor .actions{margin-top:24px}#quotePublic form{display:flex;flex-direction:column;gap:18px}#quotePublic input[type=checkbox]{width:auto}#quotePublic .print-document{width:100%;max-width:100%;padding:24px}#quotePublic .card{margin-bottom:22px}#quotePublic table{white-space:normal}@media(max-width:700px){#quotePublic .print-document{padding:15px}#quotePublic th,#quotePublic td{padding:7px;font-size:11px}}@media print{#quotePublic>form,#quotePublic>section,#quotePublic>div{display:none!important}#quotePublic article{display:block!important;border:0!important}}

@media print{#content:has(.quotation-document)>:not(:has(.quotation-document)){display:none!important}}

#quotePublic article button{background:#eee5d3;color:#242424;border-color:#c8b481}

.quote-lines{min-width:950px}.quote-lines input{width:100%;min-width:75px}.quote-lines td:first-child input,.quote-lines td:nth-child(2) input{min-width:160px}.quote-summary{margin:20px 0;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.quote-summary p:last-child{font-weight:700;color:var(--gold)}@media print{.quotation-document table{min-width:0;width:100%;font-size:11px}.quotation-document td{white-space:normal}.quotation-document .quote-summary{break-inside:avoid}}

/* Professional Print motion: short entrances, direct feedback, no delayed controls. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:160ms;--motion-enter:650ms}
@keyframes pp-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes pp-panel{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pp-fade{from{opacity:0}to{opacity:1}}
@keyframes pp-toast{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes pp-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pp-spin{to{transform:rotate(360deg)}}
@media screen and (prefers-reduced-motion:no-preference){
 .heading{animation:pp-rise 320ms var(--motion-ease) both}
 #content>.card,#content>.grid,#content>.stats,#content>.empty,.portal-shell>.card,#quotePublic>.card,#quotePublic>article{animation:pp-rise var(--motion-enter) var(--motion-ease) both}
 .stats>.card,.catalog>.product{animation:pp-rise var(--motion-enter) var(--motion-ease) both}
 .stats>.card:nth-child(2),.catalog>.product:nth-child(2){animation-delay:90ms}
 .stats>.card:nth-child(3),.catalog>.product:nth-child(3){animation-delay:180ms}
 .stats>.card:nth-child(4),.catalog>.product:nth-child(4){animation-delay:270ms}
 .authcard{animation:pp-rise 550ms var(--motion-ease) both}
 .authvisual>img,.authvisual .auth-symbol,.authvisual .monogram{animation:pp-panel 650ms var(--motion-ease) both}
 .authvisual h2{animation:pp-rise 650ms 70ms var(--motion-ease) both}
 .authvisual p,.visualtags{animation:pp-rise 650ms 130ms var(--motion-ease) both}
 dialog[open]{animation:pp-panel 260ms var(--motion-ease) both}
 dialog[open]::backdrop{animation:pp-fade 220ms ease-out both}
 #toast:not([hidden]){animation:pp-toast 240ms var(--motion-ease) both}
 .progress i{transform-origin:right;animation:pp-progress 700ms var(--motion-ease) both}
 .stats .value{animation:pp-rise 500ms 70ms var(--motion-ease) both}
 .quote-lines tbody tr,.invoice-line,.cartitem{animation:pp-rise 220ms var(--motion-ease) both}
 .button,.iconbutton,nav button,.product,.link{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--motion-ease)}
 input,textarea,select{transition:border-color 180ms,box-shadow 180ms,background-color 180ms}
 input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 15%,transparent)}
 .button:not(:disabled):active,.iconbutton:not(:disabled):active,.product:not(:disabled):active{transform:scale(.97)}
 .loading::before{content:'';display:block;width:22px;height:22px;margin:0 auto 15px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:pp-spin 850ms linear infinite}
 @media(hover:hover){.button:not(:disabled):hover,.iconbutton:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 16px #0002}.product:hover{transform:translateY(-3px);border-color:var(--gold)}nav button:hover{transform:translateX(-3px)}.brand img,.original-brand{transition:transform 250ms var(--motion-ease)}.brand:hover img{transform:scale(1.025)}}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.loading::before{display:none!important}}

@media screen{body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;transition:none!important}#motionToggle{font-size:10px;padding:8px 10px;white-space:nowrap}.stats>.card{transition:transform 220ms,box-shadow 220ms}.stats>.card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0002}}