:root{--color-primary:#d32f2f;--color-primary-dark:#b71c1c;--color-primary-soft:#fbe9e7;--color-secondary:#1a1f2e;--color-secondary-soft:#242b3b;--color-tertiary:#6474b8;--color-neutral:#89726f;--color-bg:#f5f2ef;--color-surface:#fff;--color-surface-soft:#fffaf8;--color-border:#89726f2e;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-soft:#f8fafc;--shadow-card:0 18px 40px #1a1f2e14;--shadow-card-hover:0 22px 50px #1a1f2e1f;--sidebar-width:16rem;--sidebar-width-collapsed:4.5rem;--radius-xl:1.25rem;--radius-2xl:1.5rem}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top right, #d62f2f14, transparent 28%), radial-gradient(circle at bottom left, #6474b814, transparent 24%), var(--color-bg);color:var(--color-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.erp-shell{background:var(--color-bg);height:100vh;display:flex;overflow:hidden}.erp-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--color-secondary), #101521);color:var(--color-text-soft);flex-direction:column;flex-shrink:0;transition:width .18s;display:flex;box-shadow:14px 0 30px #1118271f}.erp-sidebar--collapsed{width:var(--sidebar-width-collapsed)}.erp-sidebar__brand{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex;position:relative}.erp-sidebar__logo-shell{background:#ffffffe0;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;min-width:10.5rem;min-height:4.45rem;padding:.35rem .5rem;display:inline-flex;box-shadow:0 8px 18px #11182729}.erp-sidebar__logo-shell--collapsed{border-radius:.95rem;min-width:3.8rem;min-height:3.8rem;padding:.3rem}.erp-sidebar__logo{object-fit:contain;width:auto;height:3.9rem;display:block;transform:translateZ(0)}.erp-sidebar__logo--collapsed{height:3.1rem}.erp-sidebar__brand-title{letter-spacing:.03em;font-size:1.1rem;font-weight:800}.erp-sidebar__brand-subtitle{color:#f8fafc9e;margin-top:.2rem;font-size:.72rem}.erp-sidebar__toggle{color:#f8fafcb8;cursor:pointer;z-index:2;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.erp-sidebar--collapsed .erp-sidebar__brand{justify-content:center;padding-left:.75rem;padding-right:.75rem}.erp-sidebar--collapsed .erp-sidebar__toggle{position:absolute;top:.45rem;right:.45rem}.erp-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex}.erp-nav__item{color:#f8fafcb8;border-radius:.95rem;align-items:center;gap:.8rem;padding:.82rem .9rem;font-size:.92rem;font-weight:600;transition:background-color .15s,color .15s,transform .15s;display:flex}.erp-nav__item:hover{color:#fff;background:#ffffff0f}.erp-nav__item--active{background:linear-gradient(135deg, var(--color-primary), #c62828);color:#fff;box-shadow:0 12px 24px #d32f2f42}.erp-nav__icon{flex-shrink:0;width:1.05rem;height:1.05rem;display:inline-flex}.erp-sidebar__footer{border-top:1px solid #ffffff14;padding:.9rem}.erp-sidebar__user{margin-bottom:.7rem;padding:0 .4rem}.erp-sidebar__user-name{margin:0;font-size:.92rem;font-weight:700}.erp-sidebar__user-role{color:#f8fafc94;margin:.15rem 0 0;font-size:.72rem}.erp-sidebar__logout{color:#f8fafcd1;cursor:pointer;background:#ffffff08;border:0;border-radius:.95rem;align-items:center;gap:.8rem;width:100%;padding:.82rem .9rem;transition:background-color .15s,color .15s;display:flex}.erp-sidebar__logout:hover{color:#fff;background:#d32f2f29}.erp-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.erp-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #89726f24;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;padding:0 1.5rem;display:flex;box-shadow:0 8px 24px #1a1f2e08}.erp-topbar__crumbs{align-items:center;gap:.75rem;min-width:0;display:flex}.erp-topbar__title{color:var(--color-secondary);letter-spacing:.02em;white-space:nowrap;font-size:.95rem;font-weight:800}.erp-topbar__search{color:#1f293780;background:linear-gradient(#f6f8ff,#eef2ff);border:1px solid #6474b829;border-radius:999px;align-items:center;gap:.6rem;width:min(22rem,100%);padding:.8rem 1rem;font-size:.9rem;display:flex}.erp-topbar__actions{align-items:center;gap:.7rem;display:flex}.erp-topbar__icon-button{width:2.2rem;height:2.2rem;color:var(--color-secondary);background:#fff;border:1px solid #89726f29;border-radius:999px}.erp-avatar{object-fit:cover;border:2px solid #fff;border-radius:999px;width:2.2rem;height:2.2rem;box-shadow:0 6px 14px #1a1f2e1f}.erp-content{flex:1;padding:1.5rem;overflow-y:auto}.dashboard-page{flex-direction:column;gap:1.2rem;display:flex}.dashboard-page__hero{border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fffffff2,#fffaf8f5);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.6rem;display:flex}.dashboard-page__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);margin:0 0 .35rem;font-size:.75rem;font-weight:800}.dashboard-page__title{color:var(--color-secondary);margin:0;font-size:clamp(2rem,2vw,2.5rem);line-height:1.05}.dashboard-page__subtitle{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.95rem}.dashboard-page__hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dashboard-action{border:1px solid #0000;border-radius:.95rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.1rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.dashboard-action--primary{background:linear-gradient(135deg, var(--color-primary), #c62828);color:#fff;box-shadow:0 12px 26px #d32f2f3d}.dashboard-action--secondary{color:var(--color-secondary);background:#fff;border-color:#89726f2e}.dashboard-action:hover{transform:translateY(-1px)}.dashboard-status{border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.dashboard-status--connected{color:#15803d;background:#22c55e1f}.dashboard-status--connecting{color:#b45309;background:#f59e0b24}.dashboard-status--offline{color:var(--color-primary);background:#d32f2f1a}.dashboard-banners{gap:.75rem;display:grid}.dashboard-summary-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.dashboard-summary-grid>*{grid-column:span 3}.dashboard-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.dashboard-module-section{flex-direction:column;gap:.9rem;display:flex}.dashboard-module-section__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard-module-section__title{color:var(--color-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:800}.dashboard-module-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;display:grid}.dashboard-module-card{border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(#fffffff0,#fcf8f7fa);border:1px solid #89726f1f;flex-direction:column;gap:.7rem;min-height:8.5rem;padding:1rem 1.05rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #1a1f2e0d}.dashboard-module-card:hover{box-shadow:var(--shadow-card-hover);border-color:#d32f2f38;transform:translateY(-2px)}.dashboard-module-card__icon{border-radius:1.2rem;flex:none;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:inline-flex;box-shadow:inset 0 1px #ffffff80}.dashboard-module-card__label{color:var(--color-secondary);margin:auto 0 0;font-size:1.02rem;font-weight:800}.dashboard-module-card__meta{color:var(--color-text-muted);margin:0;font-size:.78rem}.dashboard-module-card--peach{background:linear-gradient(#fff8f5fa,#fff2ecfa)}.dashboard-module-card--sky{background:linear-gradient(#f5fafffa,#ebf5fffa)}.dashboard-module-card--violet{background:linear-gradient(#f7f4fffa,#efe9fffa)}.dashboard-module-card--amber{background:linear-gradient(#fffaf0fa,#fff3dcfa)}.dashboard-module-card--rose{background:linear-gradient(#fff4f6fa,#ffeceffa)}.dashboard-module-card__icon--peach{color:#9a4d2d;background:linear-gradient(135deg,#f6c7b1,#f9dfd3)}.dashboard-module-card__icon--sky{color:#2d6c9b;background:linear-gradient(135deg,#b7ddff,#dff0ff)}.dashboard-module-card__icon--violet{color:#6c4db0;background:linear-gradient(135deg,#d5c4ff,#ece3ff)}.dashboard-module-card__icon--amber{color:#a46812;background:linear-gradient(135deg,#ffd8a6,#ffecbf)}.dashboard-module-card__icon--rose{color:#b13f5a;background:linear-gradient(135deg,#ffc9d4,#ffe1e8)}.dashboard-module-card--disabled{opacity:.56;filter:grayscale(.12);cursor:not-allowed}.dashboard-module-card--disabled:hover{border-color:#89726f24;transform:none;box-shadow:0 10px 24px #1a1f2e08}.dashboard-widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.dashboard-widget-grid>*{grid-column:span 3}.dashboard-widget{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#fff7f5);border:1px solid #89726f29;padding:1rem}.dashboard-widget--danger{background:linear-gradient(#fff,#fff5f5);border-color:#d32f2f2e}.dashboard-widget--warning{background:linear-gradient(#fff,#fffaf0);border-color:#f59e0b2e}.dashboard-widget--info{background:linear-gradient(#fff,#f7f8ff);border-color:#6474b82e}.dashboard-widget--success{background:linear-gradient(#fff,#f5fbf7);border-color:#22c55e2e}@media (width<=1200px){.dashboard-summary-grid>*,.dashboard-widget-grid>*{grid-column:span 6}}@media (width<=768px){.erp-shell{flex-direction:column;height:auto;min-height:100vh}.erp-sidebar{z-index:40;width:100%;position:sticky;top:0}.erp-sidebar--collapsed{width:100%}.erp-sidebar__brand{justify-content:center;padding:.9rem 1rem}.erp-sidebar__toggle{display:none}.erp-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.65rem .5rem;display:grid;overflow:hidden}.erp-nav__item{justify-content:center;min-height:2.5rem;padding:.55rem .45rem}.erp-nav__item span{display:none}.erp-nav__icon{width:1rem;height:1rem}.erp-sidebar__footer{padding-top:.6rem}.erp-topbar,.erp-content{padding-left:1rem;padding-right:1rem}.erp-topbar{min-height:auto;padding-top:.75rem;padding-bottom:.75rem}.erp-topbar__crumbs{gap:.5rem}.erp-topbar__title{font-size:.82rem}.dashboard-page__hero{flex-direction:column;padding:1.1rem 1rem}.dashboard-page__title{font-size:1.5rem}.dashboard-page__hero-actions{width:100%}.dashboard-action{flex:auto}.dashboard-summary-grid>*,.dashboard-widget-grid>*{grid-column:span 12}}