@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--color-primary:#2e7d32;--color-primary-light:#4caf50;--color-primary-dark:#1b5e20;--color-primary-bg:#e8f5e9;--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-variant:#eee;--color-header-bg:#fff;--color-card:#fff;--color-text:#212121;--color-text-secondary:#616161;--color-text-disabled:#9e9e9e;--color-text-on-primary:#fff;--color-divider:#e0e0e0;--color-border:#bdbdbd;--color-secondary:#1565c0;--color-accent:#ef6c00;--color-error:#c62828;--color-success:#2e7d32;--color-warning:#f57f17;--color-info:#0277bd;--color-overlay:rgba(0,0,0,.45);--color-hover:rgba(0,0,0,.04);--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.04);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 8px 10px rgba(0,0,0,.04);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:4px;--radius:8px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--topbar-height:56px;--drawer-width:300px;--max-content-width:1400px}[data-theme=dark]{--color-primary:#4caf50;--color-primary-light:#66bb6a;--color-primary-dark:#388e3c;--color-primary-bg:rgba(76,175,80,.12);--color-bg:#121212;--color-surface:#1e1e1e;--color-surface-variant:#2c2c2c;--color-header-bg:#1f1f1f;--color-card:#1e1e1e;--color-text:#fff;--color-text-secondary:#b0b0b0;--color-text-disabled:#757575;--color-divider:#424242;--color-border:#555;--color-secondary:#42a5f5;--color-accent:#ff9800;--color-error:#ef5350;--color-success:#66bb6a;--color-warning:#ffa726;--color-info:#29b6f6;--color-overlay:rgba(0,0,0,.65);--color-hover:hsla(0,0%,100%,.06);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 6px rgba(0,0,0,.35);--shadow-lg:0 10px 15px rgba(0,0,0,.4);--shadow-xl:0 20px 25px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portal-topbar-v3{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-2);background:var(--color-header-bg);border-bottom:1px solid var(--color-divider);gap:var(--space-2)}.topbar-hamburger{width:44px;height:44px;border:none;border-radius:var(--radius);background:transparent;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.topbar-hamburger:hover{background:var(--color-hover)}.topbar-hamburger svg{width:24px;height:24px}.topbar-user-chip{gap:var(--space-2);padding:4px 12px 4px 4px;border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface);cursor:default;max-width:200px}.topbar-user-avatar,.topbar-user-chip{display:flex;align-items:center;flex-shrink:0}.topbar-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));justify-content:center;font-weight:700;font-size:13px;color:#fff}.topbar-user-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.topbar-center{flex:1 1;display:flex;justify-content:center;align-items:center;gap:var(--space-2);min-width:0}.topbar-logo{height:28px;object-fit:contain}.topbar-brand-text{font-weight:700;font-size:15px;color:var(--color-text);white-space:nowrap}.topbar-brand-sub{font-size:11px;font-weight:500;color:var(--color-text-secondary);margin-left:var(--space-1)}.topbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.topbar-select{padding:6px 10px;border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:500;min-width:140px;max-width:200px;cursor:pointer;outline:none;transition:border-color .15s}.topbar-select:focus{border-color:var(--color-primary)}.topbar-select-label{font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.topbar-company-label{padding:6px 10px;border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface-secondary);color:var(--color-text);font-size:13px;font-weight:600;min-width:140px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-field{display:flex;flex-direction:column}.topbar-theme-toggle{width:36px;height:36px;border:none;border-radius:var(--radius);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.topbar-theme-toggle:hover{background:var(--color-hover);color:var(--color-text)}.topbar-theme-toggle svg{width:20px;height:20px}.drawer-overlay{position:fixed;inset:0;z-index:200;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;left:0;bottom:0;width:var(--drawer-width);max-width:85vw;z-index:201;background:var(--color-surface);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-xl)}.drawer-panel.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-divider);background:var(--color-header-bg);min-height:var(--topbar-height)}.drawer-header-brand{display:flex;align-items:center;gap:var(--space-3)}.drawer-logo{height:32px;object-fit:contain}.drawer-brand-name{font-weight:700;font-size:16px;color:var(--color-text)}.drawer-close{width:40px;height:40px;border:none;border-radius:var(--radius);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.drawer-close:hover{background:var(--color-hover);color:var(--color-text)}.drawer-close svg{width:22px;height:22px}.drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-2) 0}.drawer-section-title{padding:var(--space-3) var(--space-4) var(--space-1);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-disabled)}.drawer-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;min-height:44px;transition:background .12s,color .12s;border-radius:0}.drawer-nav-link:hover{background:var(--color-hover);color:var(--color-text)}.drawer-nav-link.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:700}.drawer-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.drawer-nav-icon svg{width:20px;height:20px}.drawer-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);min-height:44px}.drawer-toggle-label{display:flex;align-items:center;gap:var(--space-3);font-size:14px;font-weight:500;color:var(--color-text-secondary)}.drawer-divider{height:1px;background:var(--color-divider);margin:var(--space-2) var(--space-4)}.drawer-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-divider);display:flex;align-items:center;justify-content:space-between}.drawer-version{font-size:11px;color:var(--color-text-disabled);font-weight:500}.drawer-logout-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius);background:transparent;color:var(--color-error);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.drawer-logout-btn:hover{background:rgba(198,40,40,.08)}:root{--sidebar-width:260px}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-shell-body{flex:1 1;min-height:0;overflow:hidden}.app-shell-body>main,.app-shell>main{flex:1 1;min-width:0;overflow-y:auto}.content-wrap{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:var(--space-6) var(--space-5)}.sidebar-desktop{display:none}@media (min-width:1024px){.app-shell-body{display:grid;grid-template-columns:var(--sidebar-width) 1fr;align-items:stretch}.sidebar-desktop{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-divider);min-height:0}.sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);flex-shrink:0}.sidebar-scroll{flex:1 1;min-height:0;overflow-y:auto}.topbar-hamburger{display:none}}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.sidebar-brand-logo{height:28px;object-fit:contain}.sidebar-brand-name{font-weight:700;font-size:15px;color:var(--color-text)}.sidebar-brand-sub{font-size:11px;font-weight:500;color:var(--color-text-secondary);margin-left:2px}.sidebar-nav-section{padding:var(--space-1) var(--space-2)}.sidebar-section-title{padding:var(--space-3) var(--space-3) var(--space-1);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-disabled)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;min-height:40px;border-radius:var(--radius);transition:background .12s,color .12s;cursor:pointer}.sidebar-nav-link:hover{background:var(--color-hover);color:var(--color-text)}.sidebar-nav-link.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.sidebar-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-label{flex:1 1}.sidebar-collapsible-trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:14px;font-weight:500;min-height:40px;border-radius:var(--radius);transition:background .12s,color .12s;cursor:pointer;width:100%;background:none;border:none;text-align:left;font-family:inherit}.sidebar-collapsible-trigger:hover{background:var(--color-hover);color:var(--color-text)}.sidebar-collapsible-trigger.section-active{color:var(--color-primary)}.sidebar-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s;color:var(--color-text-disabled)}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-children{padding-left:var(--space-6);overflow:hidden;max-height:0;transition:max-height .2s ease}.sidebar-children.open{max-height:500px}.sidebar-child-link{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:500;min-height:34px;border-radius:var(--radius);transition:background .12s,color .12s}.sidebar-child-link:hover{background:var(--color-hover);color:var(--color-text)}.sidebar-child-link.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.sidebar-divider{height:1px;background:var(--color-divider);margin:var(--space-2) var(--space-3)}.sidebar-footer{margin-top:auto;padding:var(--space-3) var(--space-3);border-top:1px solid var(--color-divider)}.sidebar-footer-company{font-size:11px;color:var(--color-text-disabled);font-weight:500;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius);background:transparent;color:var(--color-error);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;width:100%;font-family:inherit}.sidebar-logout-btn:hover{background:rgba(198,40,40,.08)}.period-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4)}.period-selector-label{font-size:.9rem;color:var(--color-text-secondary);margin-right:var(--space-1);font-weight:500}.period-presets{display:flex;flex-wrap:wrap;gap:var(--space-1)}.period-btn{padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.period-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.period-btn.active{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.period-custom-toggle{padding:5px 12px;border-radius:var(--radius-full);border:1px dashed var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.period-custom-toggle.active,.period-custom-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);border-style:solid}.period-custom-range{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.period-date-input{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;background:var(--color-surface);color:var(--color-text);font-family:inherit}.period-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(46,125,50,.15)}.period-range-display,.period-range-label{font-size:.85rem;color:var(--color-text-secondary)}.period-range-display{margin-top:var(--space-1)}.page{width:100%}.page>section{margin-bottom:var(--space-8)}.page>section:last-child{margin-bottom:0}table.data-table{width:100%;border-collapse:collapse;display:table}table.data-table th{padding:8px 12px;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}table.data-table td.text-right,table.data-table th.text-right{text-align:right}table.data-table td.col-narrow,table.data-table th.col-narrow{width:32px;text-align:center}table.data-table td{padding:8px 12px;font-size:.9rem;vertical-align:middle}table.data-table tbody tr{border-bottom:1px solid var(--color-border-light)}table.data-table tbody tr:last-child{border-bottom:none}table.data-table td.muted{color:var(--color-text-secondary);font-size:.85rem}table.data-table td.strong{font-weight:600}table.data-table tfoot td{padding:10px 12px;font-weight:600;font-size:.9rem}table.data-table tfoot tr{border-top:2px solid var(--color-border)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.empty-state-icon{color:var(--color-text-tertiary,var(--color-text-secondary));opacity:.5}.empty-state-message{font-size:.875rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.page-subtitle{color:var(--color-text-secondary);font-size:.95rem}.dashboard-hero{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-divider)}.hero-content{display:flex;flex-direction:column;gap:var(--space-1)}.hero-greeting{font-size:.85rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.hero-greeting-name{font-weight:600;color:var(--color-text-secondary)}.hero-date{font-size:.85rem;color:var(--color-text-disabled);padding-left:var(--space-2);border-left:1px solid var(--color-divider)}.dashboard-hero h1{font-size:1.5rem;font-weight:700;margin:var(--space-1) 0 0;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.dashboard-hero h1 img{height:24px}.hero-subtitle{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.9rem}.dashboard-tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}@media (max-width:1024px){.dashboard-tiles{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.dashboard-tiles{grid-template-columns:1fr}}.dashboard-tile{background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-divider);padding:var(--space-4);transition:border-color .15s,box-shadow .15s}.dashboard-tile:hover{border-color:var(--color-border);box-shadow:var(--shadow)}.tile-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled);margin-bottom:var(--space-3)}.tile-icon svg{width:20px;height:20px}.tile-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-1)}.tile-value{font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.2}.tile-value--unknown{font-size:1.1rem;color:var(--color-text-disabled);font-weight:500}.tile-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-2)}.tile-trend.positive{background:var(--color-primary-bg);color:var(--color-primary)}.tile-trend.negative{background:rgba(198,40,40,.1);color:var(--color-error)}.tile-trend.neutral{background:var(--color-surface-variant);color:var(--color-text-secondary)}.section-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-divider)}.section-heading{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-8)}.quick-link-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-divider);text-decoration:none;transition:border-color .15s,box-shadow .15s}.quick-link-card:hover{border-color:var(--color-border);box-shadow:var(--shadow)}.link-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.link-icon svg{width:20px;height:20px}.link-content{flex:1 1;min-width:0}.link-content h3{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text)}.link-content p{margin:var(--space-1) 0 0;font-size:.8rem;color:var(--color-text-secondary)}.link-arrow{color:var(--color-text-disabled);display:flex;align-items:center;transition:transform .15s,color .15s}.link-arrow svg{width:16px;height:16px}.quick-link-card:hover .link-arrow{transform:translateX(3px);color:var(--color-text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-6)}.dashboard-panel{background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-divider);padding:var(--space-5)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.panel-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.panel-link{font-size:.85rem;color:var(--color-primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.panel-link:hover{text-decoration:underline}.panel-empty,.panel-loading{padding:var(--space-8);text-align:center;color:var(--color-text-disabled);font-size:.9rem}.report-list{display:flex;flex-direction:column;gap:var(--space-2)}.report-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-surface-variant);border-radius:var(--radius);transition:background .15s}.report-item:hover{background:var(--color-hover)}.report-date{font-size:.9rem;color:var(--color-text-secondary)}.report-stats{display:flex;gap:var(--space-4);align-items:center}.report-amount{font-weight:600;color:var(--color-text)}.report-orders{font-size:.8rem;color:var(--color-text-secondary)}.catalog-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.summary-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius)}.summary-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled)}.summary-icon svg{width:16px;height:16px}.summary-value{font-size:1.25rem;font-weight:700;color:var(--color-text)}.summary-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.panel-actions{display:flex;gap:var(--space-3)}.dashboard-columns{display:grid;grid-template-columns:1fr 380px;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}@media (max-width:1100px){.dashboard-columns{grid-template-columns:1fr}}.dashboard-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-widgets{display:flex;flex-direction:column;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:var(--space-4)}.widget-card{background:var(--color-card);border:1px solid var(--color-divider);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.widget-card+.widget-card{margin-top:0}.widget-card .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-divider)}.widget-card .widget-header h3{margin:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.widget-card .widget-header .widget-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-surface-variant);color:var(--color-text-secondary)}.widget-table-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-divider)}.widget-table-row:last-child{border-bottom:none}.widget-table-label{font-size:.85rem;font-weight:600;color:var(--color-text);flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-table-meta{font-size:.8rem;color:var(--color-text-secondary);text-align:right;white-space:nowrap;display:flex;align-items:center;gap:6px}.widget-table-meta strong{color:var(--color-text);font-size:.85rem}.widget-status{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.widget-status--open{background:var(--color-primary)}.widget-status--parked{background:var(--color-warning,#f59e0b)}.widget-more{font-size:.75rem;color:var(--color-text-disabled);text-align:center;padding-top:var(--space-2)}.widget-kpi-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0}.widget-kpi-label{font-size:.85rem;color:var(--color-text-secondary)}.widget-kpi-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.widget-footnote{margin:var(--space-2) 0 0;font-size:.72rem;color:var(--color-text-disabled);line-height:1.4}.vat-debug{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-surface-variant);border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;line-height:1.6;color:var(--color-text-secondary)}.vat-debug dt{font-weight:600;color:var(--color-text);display:inline}.vat-debug dd{display:inline;margin:0}.vat-debug dd:after{content:"";display:block}.dashboard-help{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-divider);gap:var(--space-4);flex-wrap:wrap}.help-content h3{margin:0 0 var(--space-1);font-size:.9rem;font-weight:600;color:var(--color-text)}.help-content p{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.help-actions{display:flex;gap:var(--space-3)}.btn{border:none;border-radius:var(--radius);padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .15s;white-space:nowrap;font-family:inherit}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 2px 8px rgba(46,125,50,.3)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(46,125,50,.4)}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:0 2px 8px rgba(21,101,192,.3)}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-variant)}.btn-outline-green{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline-green:hover{background:var(--color-primary);color:#fff}.btn.disabled,.btn:disabled{opacity:.55;pointer-events:none}.card{background:var(--color-card);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider)}.card-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 14px;font-size:15px;outline:none;transition:all .15s;background:var(--color-surface);color:var(--color-text);font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(46,125,50,.15)}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-disabled)}.input-select,.input-text{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);min-width:200px;font-size:14px}.input-select:focus,.input-text:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(46,125,50,.15)}.auth-page{min-height:100vh;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-bg)}.auth-logo,.auth-page{display:flex;align-items:center}.auth-logo{margin-bottom:var(--space-6);gap:var(--space-3)}.auth-logo img{height:40px}.auth-logo-text{font-size:20px;font-weight:700;color:var(--color-primary)}.auth-card{width:100%;max-width:440px;background:var(--color-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-divider)}.auth-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);text-align:center}.auth-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-6);text-align:center;font-size:14px;line-height:1.5}.form-grid{gap:var(--space-4)}.auth-actions,.form-grid{display:flex;flex-direction:column}.auth-actions{gap:var(--space-3);margin-top:var(--space-4)}.auth-hint{font-size:13px;color:var(--color-text-secondary);text-align:center}.auth-link{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.link-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.info-panel{background:var(--color-surface-variant);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-5)}.info-title{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:var(--space-3)}.step-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.step-item{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.step-badge{font-weight:600;color:var(--color-primary)}.portal-note{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface-variant);border-radius:var(--radius);font-size:12px;color:var(--color-text-secondary);line-height:1.5}.portal-note a{color:var(--color-primary)}.portal-note-muted{margin-top:var(--space-2);opacity:.7}.admin-shell{background:var(--color-bg);min-height:100vh}.admin-topbar{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-header-bg);border-bottom:1px solid var(--color-divider);position:-webkit-sticky;position:sticky;top:0;z-index:20}.admin-brand,.admin-topbar{display:flex;align-items:center}.admin-brand{gap:var(--space-3)}.admin-nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}.admin-nav a:hover{background:var(--color-hover)}.admin-nav a.active{background:var(--color-surface-variant);color:var(--color-text);font-weight:700}.admin-actions{display:flex;gap:var(--space-3);align-items:center}.admin-main{padding:var(--space-5)}.admin-subnav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-header-bg);border-bottom:1px solid var(--color-divider);position:-webkit-sticky;position:sticky;top:var(--topbar-height);z-index:19}.admin-subnav-context{display:flex;align-items:center;gap:var(--space-2);min-width:240px}.admin-subnav-label{color:var(--color-text-secondary);font-size:.85rem}.admin-subnav-company{color:var(--color-text);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-subnav-links{display:flex;gap:var(--space-2);flex-wrap:wrap}.subnav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}.subnav-link:hover{background:var(--color-hover)}.subnav-link.active{background:var(--color-surface-variant);color:var(--color-text);font-weight:700}.admin-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:var(--max-content-width);margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4)}.admin-grid,.admin-panels{display:grid;gap:var(--space-4)}.admin-panels{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:var(--space-4)}.admin-panel{background:var(--color-card);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}div.data-table{display:flex;flex-direction:column}.data-table-head,.data-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--space-3);gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4)}.data-table-head{font-weight:600;color:var(--color-text);background:var(--color-surface-variant);border-radius:var(--radius);font-size:.85rem}.data-table-row{border-bottom:1px solid var(--color-divider);font-size:14px;color:var(--color-text-secondary);transition:background .15s}.data-table-row:hover{background:var(--color-hover)}.data-table-row:last-child{border-bottom:none}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--color-surface-variant);color:var(--color-text-secondary)}.pill-green{background:var(--color-primary-bg);color:var(--color-primary)}.pill-blue{background:rgba(21,101,192,.1);color:var(--color-secondary)}.pill-orange{background:rgba(239,108,0,.1);color:var(--color-accent)}.pill-red{background:rgba(198,40,40,.1);color:var(--color-error)}.tag{display:inline-flex;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-surface-variant);color:var(--color-text-secondary);font-size:12px;font-weight:500}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);font-size:14px;margin-bottom:var(--space-4)}.notice.success{background:var(--color-primary-bg);border:1px solid var(--color-primary);color:var(--color-primary-dark)}.notice.warning{background:rgba(245,127,23,.1);border:1px solid var(--color-warning);color:#7f4700}.notice.error{background:rgba(198,40,40,.08);border:1px solid var(--color-error);color:var(--color-error)}.notice.info{background:rgba(2,119,189,.08);border:1px solid var(--color-info);color:var(--color-info)}.notice-close{background:none;border:none;cursor:pointer;font-size:18px;color:inherit;opacity:.6;margin-left:auto;flex-shrink:0}.notice-close:hover{opacity:1}.stack{display:flex;flex-direction:column}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-4)}.stack-lg{gap:var(--space-6)}.row{display:flex;align-items:center}.row-sm{gap:var(--space-2)}.row-md{gap:var(--space-4)}.row-lg{gap:var(--space-6)}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:13px}.text-lg{font-size:17px}.text-xl{font-size:20px}.text-muted{color:var(--color-text-secondary)}.text-green{color:var(--color-primary)}.text-blue{color:var(--color-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:var(--space-8);text-align:center;color:var(--color-text-disabled)}.portal-kicker{text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:11px;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.toggle-switch{position:relative;width:44px;height:24px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background .2s;border:none;outline:none;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.toggle-switch:checked{background:var(--color-primary)}.toggle-switch:checked:after{transform:translateX(20px)}@media (max-width:768px){.content-wrap{padding:var(--space-3)}.dashboard-hero{padding:var(--space-5)}.dashboard-hero h1{font-size:1.5rem}.dashboard-tiles{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.catalog-summary,.dashboard-grid,.quick-links-grid{grid-template-columns:1fr}.dashboard-help{flex-direction:column;text-align:center}.admin-panels{grid-template-columns:1fr}.topbar-select{min-width:100px}.topbar-brand-sub,.topbar-brand-text,.topbar-field{display:none}}@media (max-width:480px){.topbar-user-name{display:none}.topbar-right{gap:var(--space-1)}}.home{min-height:100vh;display:flex;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-bg)}.home,.home-inner{align-items:center}.home-inner{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}.home-left{display:flex;flex-direction:column;gap:var(--space-6)}.home-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);font-size:.85rem;font-weight:600;width:-moz-fit-content;width:fit-content}.home-title{font-size:clamp(2.25rem,4vw,3rem);line-height:1.1;font-weight:800;color:var(--color-text)}.home-subtitle{font-size:1.1rem;line-height:1.6;color:var(--color-text-secondary);max-width:500px}.home-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (max-width:900px){.home-inner{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.home-left{align-items:center}.home-actions{justify-content:center}}