:root{--ink:#172124;--muted:#667276;--line:#dfe4e5;--surface:#fff;--canvas:#f6f8f8;--brand:#b5122b;--brand-dark:#8d0e21;--soft:#eef1f2;--success:#17734c;--success-bg:#edf8f2;--error:#a12a2a;--error-bg:#fff1f0;--sidebar:256px}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);color:#fff;z-index:10;background:#182124;flex-direction:column;padding:28px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.mobile-brand{align-items:center;gap:12px;display:flex}.brand{border-bottom:1px solid #344044;padding:0 8px 30px}.brand-mark{background:var(--brand);border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-size:22px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.1em;font-size:17px}.brand small{color:#9fabad;letter-spacing:.025em;margin-top:3px;font-size:10px}.desktop-nav{gap:7px;margin-top:26px;display:grid}.nav-link{color:#bbc4c6;border-radius:8px;align-items:center;gap:13px;padding:12px;font-size:14px;font-weight:550;transition:all .15s;display:flex}.nav-link svg{width:20px}.nav-link:hover{color:#fff;background:#263135}.nav-link.active{color:var(--ink);background:#fff}.nav-link.active svg{color:var(--brand)}.admin-chip{color:#bfc8ca;text-transform:uppercase;letter-spacing:.08em;background:#344044;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:9px}.sidebar-footer{border-top:1px solid #344044;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 0;display:flex}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer small{color:#8f9b9e;margin-top:3px;font-size:11px}.status-dot{background:#30a46c;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #30a46c1c}.main-content{min-height:100vh;margin-left:var(--sidebar)}.page{width:min(1120px,100%);margin:0 auto;padding:64px clamp(30px,5vw,76px) 72px}.mobile-header,.mobile-nav{display:none}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:750}.page-header{max-width:700px;margin-bottom:38px}.page-header h1,.hero h1,.empty-state h1{letter-spacing:-.04em;margin:0}.page-header h1{font-size:clamp(36px,5vw,54px);line-height:1.05}.page-header>p:last-child{max-width:620px;color:var(--muted);margin:17px 0 0;font-size:16px;line-height:1.65}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,6vw,78px);min-height:490px;margin-bottom:68px;display:grid}.hero h1{font-size:clamp(48px,6.5vw,76px);line-height:.95}.product-type{margin:16px 0 0;font-size:18px;font-weight:650}.hero-description{max-width:590px;color:var(--muted);margin:23px 0;font-size:16px;line-height:1.7}.manufacturer{gap:8px;font-size:13px;display:flex}.manufacturer span{color:var(--muted)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{background:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-dark)}.primary-button svg{width:17px}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{border-color:var(--line);background:#fff}.product-visual{background:var(--soft);border-radius:18px;min-height:400px;position:relative;overflow:hidden;box-shadow:0 20px 60px #24303312}.product-visual img{object-fit:cover}.visual-label{z-index:1;letter-spacing:.08em;background:#ffffffd9;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;top:18px;right:18px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:25px}.updated{color:var(--muted);font-size:12px}.highlight-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.highlight-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:118px;padding:21px}.highlight-card span,.highlight-card strong{display:block}.highlight-card span{color:var(--muted);font-size:12px}.highlight-card strong{margin-top:19px;font-size:18px}.passport-id{background:#eef1f2;border-radius:8px;align-items:center;gap:13px;margin-top:26px;padding:16px 19px;display:flex}.passport-id span:not(.status-dot),.passport-id code{display:block}.passport-id span:not(.status-dot){color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.passport-id code{word-break:break-all;margin-top:4px;font-family:inherit;font-size:12px}.content-card,.upload-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:0 8px 30px #26333608}.content-card{padding:8px 28px}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.card-heading h2{margin:0;font-size:17px}.card-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.standard-chip,.mock-chip,.demo-pill{background:var(--soft);color:#536064;text-transform:uppercase;letter-spacing:.06em;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:750}.field-list{margin:0}.field-row{border-bottom:1px solid #edf0f0;grid-template-columns:minmax(170px,.8fr) minmax(200px,1.2fr);gap:24px;padding:18px 0;display:grid}.field-row:last-child{border:0}.field-row dt{color:var(--muted);font-size:13px}.field-row dd{word-break:break-word;margin:0;font-size:14px;font-weight:650}.unit{color:var(--muted);font-weight:450}.group-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.technical-group:last-child{grid-column:1/-1}.document-list{padding:0 28px}.document-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:22px 0;display:grid}.document-row:last-child{border:0}.document-icon,.icon-tile{color:var(--brand);background:#f6e9ec;border-radius:8px;place-items:center;display:grid}.document-icon{width:42px;height:42px}.document-icon svg{width:21px}.document-row h2{margin:0;font-size:14px}.document-row p{color:var(--muted);margin:6px 0 0;font-size:11px}.document-action{color:var(--brand);align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.document-action svg{width:16px}.helper-note{color:var(--muted);margin:15px 3px;font-size:11px}.admin-session{color:var(--muted);align-items:center;gap:8px;margin:-18px 0 24px;font-size:12px;display:flex}.admin-session strong{color:var(--ink)}.admin-session .mock-chip{margin-left:auto}.upload-card{padding:30px}.upload-heading{align-items:center;gap:15px;display:flex}.upload-heading h2{margin:0;font-size:18px}.upload-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.icon-tile{width:44px;height:44px}.icon-tile svg{width:22px}.file-drop{cursor:pointer;background:#fafbfb;border:1.5px dashed #bdc6c8;border-radius:9px;flex-direction:column;align-items:center;width:100%;margin-top:25px;padding:42px 20px;display:flex}.file-drop:hover{border-color:var(--brand);background:#fff}.file-icon{background:var(--soft);color:#4d595c;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.file-icon svg{width:20px}.file-drop strong{font-size:14px}.file-drop>span:last-child{color:var(--muted);margin-top:7px;font-size:11px}.upload-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.upload-actions p{color:var(--muted);font-size:11px}.upload-actions code{color:var(--ink)}.notice{border-radius:8px;gap:13px;margin-top:20px;padding:16px;font-size:12px;display:flex}.notice svg,.notice-symbol{flex:none;width:20px;height:20px}.notice.success{background:var(--success-bg);color:var(--success)}.notice.error{background:var(--error-bg);color:var(--error)}.notice-symbol{border:1px solid;border-radius:50%;place-items:center;font-weight:800;display:grid}.notice strong{font-size:13px}.notice p{margin:5px 0}.notice small{opacity:.75}.notice ul{margin:6px 0 0;padding-left:17px}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{flex-direction:column;justify-content:center;align-items:flex-start;min-height:75vh;display:flex}.empty-state p:not(.eyebrow){color:var(--muted)}.empty-state .primary-button{margin-top:18px}@media (max-width:900px){.highlight-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;min-height:auto}.product-visual{order:-1;min-height:330px}.group-grid{grid-template-columns:1fr}.technical-group:last-child{grid-column:auto}}@media (max-width:720px){:root{--mobile-header:62px;--mobile-nav:69px}.sidebar{display:none}.main-content{padding-top:var(--mobile-header);padding-bottom:var(--mobile-nav);margin:0}.mobile-header{height:var(--mobile-header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff2;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{letter-spacing:.06em;gap:9px;font-size:13px}.mobile-brand .brand-mark{border-radius:6px;width:30px;height:30px;font-size:17px}.mobile-nav{height:var(--mobile-nav);padding:7px 4px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{color:#7a8588;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:650;display:flex}.mobile-nav a.active{color:var(--brand)}.mobile-nav svg{width:20px;height:20px}.page{padding:35px 18px 42px}.hero{gap:28px;margin-bottom:48px}.hero h1{font-size:46px}.product-visual{min-height:280px}.highlight-grid{gap:8px}.highlight-card{min-height:100px;padding:17px}.highlight-card strong{margin-top:14px;font-size:16px}.section-heading{align-items:flex-start}.updated{display:none}.content-card,.document-list{padding:5px 18px}.field-row{grid-template-columns:1fr;gap:7px;padding:15px 0}.field-row dd{font-size:13px}.document-row{grid-template-columns:auto 1fr;gap:13px}.document-action{grid-column:2}.upload-card{padding:20px}.upload-heading{align-items:flex-start}.upload-actions{flex-direction:column;align-items:stretch}.upload-actions .primary-button{width:100%}.admin-session{margin-top:-16px}.page-header{margin-bottom:28px}.page-header h1{font-size:38px}}@media (max-width:380px){.mobile-nav span{font-size:8px}.hero h1{font-size:40px}.highlight-grid{grid-template-columns:1fr 1fr}.passport-id{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}
:root{--brand:#e86f00;--brand-dark:#b95400;--brand-soft:#fff0e2}.document-icon,.icon-tile{background:var(--brand-soft)}.product-visual img{object-fit:contain;padding:clamp(18px,3vw,32px)}