:root{--brand: #004481;--brand-600: #003a6f;--brand-700: #002f5c;--brand-soft: #e7edf6;--accent: #ffb300;--accent-soft: #fff4d1;--bg: #f5f7fb;--surface: #ffffff;--surface-alt: #fafbfe;--border: #e3e7ef;--border-strong: #d2d9e6;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--danger: #c0392b;--danger-soft: #fdecea;--ok: #0b8457;--ok-soft: #e6f6ef;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .14);--sidebar-w: 260px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01","ss02"}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}a{color:var(--brand)}button{font-family:inherit}code{font-family:Fira Code,Consolas,ui-monospace,monospace;font-size:.85em;background:var(--surface-alt);border:1px solid var(--border);padding:.06em .35em;border-radius:4px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem .85rem 1rem;gap:1rem;z-index:20}.brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .5rem .5rem}.brand-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-600) 100%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;letter-spacing:.04em;box-shadow:var(--shadow-sm)}.brand-name{font-weight:700;font-size:.98rem;line-height:1.1;color:var(--text)}.brand-sub{font-size:.75rem;color:var(--text-3);letter-spacing:.03em}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;border:0;background:transparent;color:var(--text-2);font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,color .12s;text-align:left}.nav-item:hover{background:var(--surface-alt);color:var(--text)}.nav-item.active{background:var(--brand-soft);color:var(--brand-700);font-weight:600}.nav-ico{font-size:1rem;width:20px;text-align:center;opacity:.8}.sidebar-section{margin-top:auto;padding:.75rem .5rem 0;border-top:1px solid var(--border)}.sidebar-picker{display:flex;flex-direction:column;gap:.35rem;padding:.25rem .25rem .5rem}.sidebar-picker label{font-size:.72rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.sidebar-picker select{width:100%;padding:.42rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:.88rem;color:var(--text);cursor:pointer}.sidebar-picker select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #00448126}.sidebar-picker-meta{font-size:.75rem;color:var(--text-3)}.sidebar-picker-empty{font-size:.8rem;color:var(--text-3);padding:.5rem;background:var(--surface-alt);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);text-align:center}.sidebar-foot{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .25rem 0;border-top:1px solid var(--border)}.user-tile{display:flex;align-items:center;gap:.6rem;padding:.25rem .35rem}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-700);display:grid;place-items:center;font-weight:700;font-size:.9rem}.user-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{font-size:.88rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-pill{display:inline-block;width:fit-content;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .45rem;border-radius:999px}.role-admin{background:var(--accent-soft);color:#7a4a00}.role-user{background:var(--surface-alt);color:var(--text-2);border:1px solid var(--border)}.content{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#f5f7fbd9;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.topbar-title h2{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.page-sub{font-size:.82rem;color:var(--text-2);margin-top:.1rem}.content-body{padding:1.5rem 2rem 3rem;max-width:1400px;width:100%;margin:0 auto;flex:1}.page{display:flex;flex-direction:column;gap:1.25rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-head h2{font-size:1.2rem;font-weight:700;color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-bottom:1px solid var(--border);background:var(--surface-alt)}.card-head h3{font-size:.92rem;font-weight:700;color:var(--text)}.empty-card{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center;color:var(--text-2)}.empty-card h3{color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:700}.empty-row{padding:2rem 1.25rem;text-align:center;color:var(--text-2);font-size:.9rem}.muted{color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .9rem;font-size:.88rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .05s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-alt);color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border-color:#f3c6c1}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-block{width:100%}.link-btn{background:none;border:0;padding:0;color:var(--brand);cursor:pointer;font:inherit;font-weight:600}.link-btn:hover{text-decoration:underline}.banner{padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:.88rem;border:1px solid transparent}.banner-error{background:var(--danger-soft);border-color:#f3c6c1;color:#7a2219}.banner-ok{background:var(--ok-soft);border-color:#bfe3d1;color:#0b5a3b}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:1.25rem;text-align:center;color:var(--text-2);transition:background .12s,border-color .12s}.dropzone-over{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-700)}.dropzone-title{font-size:.95rem;font-weight:600;color:var(--text)}.dropzone-sub{font-size:.8rem;color:var(--text-3);margin-top:.25rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:.6rem 1rem;background:var(--surface-alt);border-bottom:1px solid var(--border)}.data-table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-alt)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .actions{display:flex;gap:.4rem;justify-content:flex-end}.row-active>td:first-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);margin-right:.5rem;vertical-align:middle}.pill{display:inline-block;padding:.1rem .5rem;font-size:.7rem;font-weight:600;border-radius:999px;margin-left:.5rem;vertical-align:middle}.pill-soft{background:var(--brand-soft);color:var(--brand-700)}.field-label{display:block;font-size:.72rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}input[type=text],input[type=password],input[type=email],select{width:100%;padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #00448126}.user-create-row{display:grid;grid-template-columns:1.2fr 1.4fr .9fr auto;gap:.75rem;align-items:end;padding:1rem 1.15rem}.form-actions{display:flex;align-items:flex-end;gap:.5rem}.pw-row{display:flex;gap:.4rem}.pw-row input{flex:1;min-width:0}.loading-screen{display:grid;place-items:center;min-height:100vh;color:var(--text-2);font-size:.95rem}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 800px at 20% 10%,rgba(0,68,129,.22),transparent 60%),radial-gradient(800px 600px at 90% 90%,rgba(255,179,0,.12),transparent 60%),linear-gradient(135deg,#0b1d3a,#061125);padding:1.5rem}.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem}.login-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.login-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-600) 100%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.3rem;box-shadow:var(--shadow)}.login-card h1{font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.1}.login-sub{font-size:.82rem;color:var(--text-3)}.login-card label{display:flex;flex-direction:column;gap:.35rem}.login-card label span{font-size:.72rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.login-error{padding:.55rem .75rem;background:var(--danger-soft);border:1px solid #f3c6c1;border-radius:var(--radius-sm);font-size:.85rem;color:#7a2219}.login-card button[type=submit]{margin-top:.25rem;padding:.7rem 1rem;background:var(--brand);color:#fff;border:0;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .12s}.login-card button[type=submit]:hover:not(:disabled){background:var(--brand-600)}.login-card button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.breadcrumb{margin-bottom:1rem;font-size:.85rem;color:var(--text-2)}.breadcrumb-sep{margin:0 .4rem;opacity:.5}.breadcrumb-link{background:none;border:0;color:var(--brand);cursor:pointer;font-size:.85rem;padding:0;font-family:inherit}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{font-weight:600;color:var(--text)}.section-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.9rem}.category-title{font-size:.85rem;font-weight:600;color:var(--text-2);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.category-section{margin-bottom:1.8rem}.tag{display:inline-block;background:var(--brand-soft);color:var(--brand-700);font-size:.72rem;font-weight:500;padding:.15rem .55rem;border-radius:4px;margin-right:.3rem;margin-top:.3rem}.tag-more{background:var(--surface-alt);color:var(--text-2);border:1px solid var(--border)}.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem}.company-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;box-shadow:var(--shadow-sm)}.company-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-strong)}.company-card h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.4rem}.company-stats{display:flex;gap:.8rem;font-size:.8rem;color:var(--text-2);margin-bottom:.4rem}.company-categories{margin-top:.4rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-strong)}.product-thumb{width:100%;height:150px;background:var(--surface-alt);display:grid;place-items:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:contain;padding:.6rem}.product-card-body{padding:.9rem 1rem}.product-card-body h4{font-size:.92rem;font-weight:600;color:var(--text);margin-bottom:.3rem;line-height:1.3}.product-id{display:inline-block;font-size:.72rem;color:var(--text-2);background:var(--surface-alt);border:1px solid var(--border);padding:.1rem .45rem;border-radius:4px;margin-right:.35rem;font-family:Fira Code,Consolas,monospace}.detail{max-width:900px}.detail-header{margin-bottom:1.25rem}.detail-header h2{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.detail-meta{font-size:.82rem;color:var(--text-2)}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin-bottom:.9rem;box-shadow:var(--shadow-sm)}.detail-section h3{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:.85rem;padding-bottom:.45rem;border-bottom:1px solid var(--border)}.loading{text-align:center;padding:3rem 0;color:var(--text-2);font-size:.95rem}.error-banner{background:var(--danger-soft);color:#7a2219;border:1px solid #f3c6c1;border-radius:var(--radius-sm);padding:.6rem .9rem;margin-bottom:1rem;font-size:.88rem}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.sidebar-section{margin-top:0}.content-body{padding:1rem}.topbar{padding:.9rem 1rem}.user-create-row{grid-template-columns:1fr}}