:root{--primary:#08709D;--primary-hover:#07688F;--primary-foreground:#FFF;--secondary:#075984;--secondary-hover:#064F76;--secondary-foreground:#FFF;--accent:#0D9DC1;--background:#F7FAFC;--surface:#FFF;--surface-elevated:#FFF;--text-primary:#172033;--text-secondary:#52657A;--border:#D7E0EA;--focus-ring:#0D9DC1;--success:#168255;--warning:#A15C00;--danger:#B42318;--info:#087EB9}
html{background:var(--background);color:var(--text-primary)}
html[data-presentation-mode="dark"] body{background:var(--background);color:var(--text-primary)}
html[data-presentation-mode="dark"] input,html[data-presentation-mode="dark"] select,html[data-presentation-mode="dark"] textarea,html[data-presentation-mode="dark"] .panel,html[data-presentation-mode="dark"] .workspace{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
.primary{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-foreground)!important}.primary:hover{background:var(--primary-hover)!important}.secondary{color:var(--secondary)!important;border-color:var(--secondary)!important}.secondary:hover{background:color-mix(in srgb,var(--secondary) 10%,transparent)!important}
.sidebar{background:linear-gradient(180deg,var(--secondary),var(--primary))!important}.erp-nav-title.open,.erp-nav-link:hover,.erp-nav-link.active{background:linear-gradient(90deg,var(--primary),var(--accent))!important}.hero,.inventory-hero{background:linear-gradient(108deg,var(--secondary),var(--primary),var(--accent))!important}.erp-brand-symbol{background:linear-gradient(135deg,var(--primary),var(--accent))!important}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 40%,transparent)!important;outline-offset:2px}
.ui-loading{display:grid;place-items:center;min-height:120px;color:var(--text-secondary)}.ui-empty,.ui-error{padding:18px;border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary)}.ui-error{border-color:var(--danger);color:var(--danger)}
.ui-toast{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:11000;max-width:min(380px,calc(100vw - 36px));padding:13px 16px;border-radius:12px;background:var(--surface-elevated);color:var(--text-primary);box-shadow:0 12px 30px #0003;border-inline-start:4px solid var(--info)}.ui-toast.error{border-color:var(--danger)}
@media(max-width:900px){.sidebar{width:228px!important}main{margin-right:228px!important}}@media(max-width:720px){.sidebar{position:static!important;width:auto!important;min-height:auto!important}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar .brand,.sidebar .user-card{display:none!important}.erp-nav-link{white-space:nowrap}.sidebar .erp-nav-link{display:inline-flex!important;width:auto!important}main{margin-right:0!important;padding:14px!important}body{display:block!important}}
html[dir="ltr"] .sidebar{right:auto!important;left:0!important}html[dir="ltr"] main{margin-right:0!important;margin-left:282px!important}@media(max-width:900px){html[dir="ltr"] main{margin-left:228px!important}}@media(max-width:720px){html[dir="ltr"] main{margin-left:0!important}}