:root{color-scheme:light}html,body,#root{height:100%}body{--stock: #F7F7F4;--sheet: #FFFFFF;--ink: #14181F;--ink70: #3D4653;--ink50: #6B7482;--ink30: #A3AAB5;--rule: #E4E4DE;--rule2: #F0F0EA;--shell: #1E1B39;--cyan: #4F46E5;--cyan-lo: #EEEDFD;--mag: #E11D48;--mag-lo: #FFF0F3;--amber: #B87309;--amber-lo:#FBF2E2;--green: #2E7D53;--green-lo:#E8F3ED;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--stock);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:14px;color:inherit}.disp{font-family:Archivo,sans-serif;letter-spacing:-.02em}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.eyebrow{font-family:Archivo,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink50)}.shell{display:flex;min-height:100vh}.rail{width:208px;flex-shrink:0;background:var(--shell);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.rail-brand{padding:20px 18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.rail-mark{display:flex;align-items:center;gap:9px}.rail-name{font-family:Archivo,sans-serif;font-weight:700;font-size:17px;letter-spacing:.02em}.rail-sub{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#ffffff6b;margin-top:5px;font-family:Archivo,sans-serif;font-weight:600}.rail-nav{padding:14px 10px;display:flex;flex-direction:column;gap:1px;flex:1}.rail-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;color:#fff9;font-size:13.5px;text-align:left;width:100%;transition:.12s}.rail-item:hover{background:#ffffff12;color:#ffffffeb}.rail-item.on{background:var(--cyan);color:#fff;font-weight:500}.rail-count{margin-left:auto;font-size:11px;font-family:JetBrains Mono,monospace;opacity:.8}.rail-foot{padding:12px 14px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:58px;background:var(--sheet);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}.search{flex:1;max-width:480px;display:flex;align-items:center;gap:8px;background:var(--stock);border:1px solid var(--rule);border-radius:6px;padding:7px 11px}.search input{flex:1;border:none;background:none;outline:none}.search input::placeholder{color:var(--ink30)}.kbd{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink50);border:1px solid var(--rule);border-radius:3px;padding:1px 5px;background:var(--sheet)}.body{padding:24px 22px 60px;max-width:1240px;width:100%}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:8px}.card-h{padding:13px 16px;border-bottom:1px solid var(--rule2);display:flex;align-items:center;gap:10px}.h1{font-family:Archivo,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em}.h2{font-family:Archivo,sans-serif;font-weight:600;font-size:14px}.muted{color:var(--ink50)}.tiny{font-size:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid var(--rule);background:var(--sheet);transition:.12s}.btn:hover{background:var(--stock)}.btn-p{background:var(--cyan);color:#fff;border-color:var(--cyan)}.btn-p:hover{filter:brightness(.92)}.btn-sm{padding:5px 10px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;border:1px solid transparent}.p-cyan{background:var(--cyan-lo);color:var(--cyan)}.p-mag{background:var(--mag-lo);color:var(--mag)}.p-amber{background:var(--amber-lo);color:var(--amber)}.p-green{background:var(--green-lo);color:var(--green)}.p-gray{background:var(--rule2);color:var(--ink50)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;padding:9px 14px;border-bottom:1px solid var(--rule);font-family:Archivo,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink50)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--rule2);vertical-align:middle}.tbl tbody tr{cursor:pointer;transition:.1s}.tbl tbody tr:hover{background:var(--stock)}.metric{padding:15px 16px}.metric-v{font-family:Archivo,sans-serif;font-weight:700;font-size:27px;letter-spacing:-.03em;line-height:1.1}.metric-l{font-size:11.5px;color:var(--ink50);margin-top:3px}.ticket{background:var(--sheet);border:1px solid var(--rule);border-radius:8px;position:relative;padding:20px 22px}.ticket:before,.ticket:after{content:"";position:absolute;width:13px;height:13px;pointer-events:none}.ticket:before{top:9px;left:9px;border-top:1px solid var(--ink30);border-left:1px solid var(--ink30)}.ticket:after{bottom:9px;right:9px;border-bottom:1px solid var(--ink30);border-right:1px solid var(--ink30)}.spec{display:flex;gap:30px;flex-wrap:wrap;padding-top:15px;margin-top:15px;border-top:1px dashed var(--rule)}.spec-k{font-family:Archivo,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink50)}.spec-v{font-family:JetBrains Mono,monospace;font-size:14px;margin-top:3px;font-weight:500}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--rule)}.tab{padding:9px 14px;font-size:13px;color:var(--ink50);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);border-bottom-color:var(--cyan)}.tl{position:relative;padding-left:26px}.tl:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:1px;background:var(--rule)}.tl-i{position:relative;padding-bottom:20px}.tl-d{position:absolute;left:-26px;top:2px;width:15px;height:15px;border-radius:50%;background:var(--sheet);border:2px solid var(--rule);display:flex;align-items:center;justify-content:center}.kb{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:12px;overflow-x:auto}.kb-col{background:var(--rule2);border-radius:8px;padding:10px;min-height:260px}.kb-card{background:var(--sheet);border:1px solid var(--rule);border-radius:6px;padding:11px;margin-bottom:8px;cursor:pointer}.kb-card:hover{border-color:var(--cyan)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-art{background:var(--shell);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.field{margin-bottom:15px}.field label{display:block;font-family:Archivo,sans-serif;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink50);margin-bottom:6px}.field input{width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--sheet);outline:none}.field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-lo)}@media (max-width: 860px){.login-wrap{grid-template-columns:1fr}.login-art{display:none}.rail{width:60px}.rail-label,.rail-name,.rail-sub,.rail-foot{display:none}}body{margin:0}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.spin{width:15px;height:15px;border:2px solid var(--rule);border-top-color:var(--cyan);border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation-duration:2s}*{transition:none!important}}.center{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:12px}.err{background:var(--mag-lo);color:var(--mag);border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:12px}.ok{background:var(--green-lo);color:var(--green);border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:12px}.field textarea{width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--sheet);outline:none;resize:vertical}.field select{width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--sheet)}.field textarea:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-lo)}.field .hint{font-size:11.5px;color:var(--mag);margin-top:5px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b397a;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 40px;overflow-y:auto}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-section{font-family:Archivo,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff52;padding:8px 10px 5px}.call-link{display:inline-flex;align-items:center;gap:5px;color:var(--cyan);text-decoration:none;white-space:nowrap}.call-link:hover{text-decoration:underline}.call-link svg{opacity:.65}.p-violet{background:#f3effe;color:#7c3aed}.p-indigo{background:#eef0fd;color:#4f46e5}.p-pink{background:#fdeff6;color:#db2777}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--rule);background:var(--sheet);border-radius:6px;padding:6px 11px;font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--ink70)}.seg button .dot{width:7px;height:7px;border-radius:50%}.seg button.on{border-color:currentColor}.seg button.on.t-call{background:var(--cyan-lo);color:var(--cyan)}.seg button.on.t-email{background:#f3effe;color:#7c3aed}.seg button.on.t-followup{background:var(--amber-lo);color:var(--amber)}.seg button.on.t-meeting{background:var(--green-lo);color:var(--green)}.seg button.on.t-quote{background:#eef0fd;color:#4f46e5}.seg button.on.t-send_sample{background:#fdeff6;color:#db2777}.seg button.on.t-other{background:var(--rule2);color:var(--ink70)}.seg button.on.pr-high{background:var(--mag-lo);color:var(--mag)}.seg button.on.pr-normal{background:#eef0fd;color:#4f46e5}.seg button.on.pr-low{background:var(--rule2);color:var(--ink70)}.frm-label{display:block;font-family:Archivo,sans-serif;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink50);margin-bottom:6px}
