:root{--text:#cbd5e1;--text-h:#f3f4f6;--bg:#0b1120;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--space-xs:6px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}.app{max-width:1200px;padding:var(--space-xl) var(--space-lg) 40px;gap:var(--space-lg);text-align:left;flex-direction:column;margin:0 auto;display:flex}.app-header{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#0f172a,#020617);border:1px solid #1f2937;grid-template-columns:auto 1fr;align-items:start;display:grid;box-shadow:0 4px 24px #0006}.app-header h1{margin:0;font-size:22px;font-weight:600}.app-header .field span{color:#94a3b8;font-size:12px;font-weight:500}.landing-page{max-width:1180px;padding:var(--space-xl) var(--space-lg) 44px;gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.landing-header{gap:var(--space-lg);min-height:420px;padding:42px var(--space-xl);border-radius:var(--radius-lg);background:linear-gradient(#0206171a,#020617d6),url(/images/equipment/server-rack-ui.png) bottom/min(880px,96%) no-repeat,#020617;border:1px solid #1f2937;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;display:grid;box-shadow:0 20px 48px #0000006b}.landing-brand{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-size:13px;font-weight:800;display:inline-flex}.landing-header h1{color:#f8fafc;max-width:720px;margin:0;font-size:48px;font-weight:800;line-height:1.02}.landing-header p{color:#cbd5e1;max-width:620px;margin:18px 0 0;font-size:16px;line-height:1.6}.landing-main{gap:var(--space-lg);flex-direction:column;display:flex}.landing-primary{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:#0f172ad1;border:1px solid #1f2937;grid-template-columns:minmax(300px,1fr) auto;align-items:center;display:grid}.landing-rack-preview{grid-template-columns:18px minmax(0,1fr) 18px;align-items:stretch;gap:8px;min-height:170px;display:grid}.landing-rack-rail{background:repeating-linear-gradient(#94a3b89e 0 5px,#0000 5px 13px),linear-gradient(#1e293b,#020617);border-radius:9px}.landing-rack-stack{grid-template-rows:28px 56px 28px 56px;gap:8px;display:grid}.landing-device{background:#111827;border:1px solid #94a3b852;border-radius:6px;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.landing-device-switch{background:repeating-linear-gradient(90deg,#020617 0 12px,#334155 12px 16px),#cbd5e1}.landing-device-server{background:repeating-linear-gradient(90deg,#0000 0 54px,#60a5fa33 54px 56px),#0f172a}.landing-device-pdu{background:repeating-linear-gradient(90deg,#334155 0 18px,#020617 18px 28px),#1e293b}.landing-device-ups{background:linear-gradient(90deg,#111827 0 32%,#020617 32% 100%)}.landing-actions,.landing-metrics{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.landing-cta{justify-content:center;min-width:180px}.landing-metrics span{color:#94a3b8;border:1px solid #334155cc;border-radius:999px;align-items:baseline;gap:5px;min-height:32px;padding:6px 9px;font-size:12px;display:inline-flex}.landing-metrics strong{color:#bfdbfe;font-size:14px}.landing-feature-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-demo-section{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:#0f172ac7;border:1px solid #1f2937;flex-direction:column;display:flex}.landing-section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-md);display:flex}.landing-section-head h2{color:#e0f2fe;margin:0;font-size:18px}.landing-section-head p{color:#94a3b8;max-width:520px;margin:0;font-size:13px;line-height:1.45}.demo-rack-grid{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demo-rack-card{min-width:0;min-height:120px;padding:var(--space-sm);border-radius:var(--radius-md);color:#f8fafc;text-align:left;cursor:pointer;background:#02061775;border:1px solid #334155e0}.demo-rack-card:hover{background:#2563eb29;border-color:#60a5fa9e}.demo-rack-card:disabled{cursor:wait;opacity:.55}.demo-rack-card span,.demo-rack-card strong,.demo-rack-card small{display:block}.demo-rack-card span{font-size:13px;font-weight:800}.demo-rack-card strong{color:#93c5fd;margin-top:8px;font-size:12px}.demo-rack-card small{color:#94a3b8;margin-top:8px;font-size:11px;line-height:1.4}.landing-feature-grid div{min-width:0;padding:var(--space-md);border-radius:var(--radius-md);background:#0f172ac2;border:1px solid #1f2937}.landing-feature-grid h2{color:#e0f2fe;margin:0 0 8px;font-size:16px}.landing-feature-grid p{color:#94a3b8;margin:0;font-size:13px;line-height:1.55}.auth-panel{min-width:0;padding:var(--space-sm);border-radius:var(--radius-md);background:#020617d1;border:1px solid #334155db}.auth-panel-head{justify-content:space-between;align-items:center;gap:var(--space-sm);color:#bfdbfe;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.auth-panel-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auth-panel-head strong{color:#60a5fa;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.auth-form{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.auth-form input{color:#f8fafc;background:#020617f0;border:1px solid #64748b;border-radius:8px;min-height:34px}.auth-actions{flex-wrap:wrap;gap:8px;display:flex}.auth-note,.auth-status{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.auth-status{color:#93c5fd;margin-top:8px}.demo-rack-strip{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}.demo-rack-strip span{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.admin-page{max-width:1320px}.admin-header{grid-template-columns:minmax(0,1fr) auto}.admin-layout{gap:var(--space-lg);grid-template-columns:minmax(360px,.95fr) minmax(420px,1.25fr);align-items:start;display:grid}.admin-panel{gap:var(--space-md);min-width:0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#0f172a,#020617);border:1px solid #1f2937;flex-direction:column;display:flex;box-shadow:0 4px 24px #0006}.admin-section-title{justify-content:space-between;align-items:center;gap:var(--space-sm);color:#bfdbfe;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;display:flex}.admin-section-title strong{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:11px}.catalog-admin-editor .field input,.catalog-admin-editor .field select,.admin-panel .catalog-toolbar .field input,.admin-panel .catalog-toolbar .field select{color:#f8fafc;background:#020617eb;border:1px solid #64748b;border-radius:8px;min-height:36px}.catalog-admin-editor .field span,.admin-panel .catalog-toolbar .field span{color:#bfdbfe;font-size:12px;font-weight:500}.admin-catalog-list{scrollbar-color:#60a5fa8c #0f172ab8;scrollbar-width:thin;flex-direction:column;gap:8px;min-height:360px;max-height:calc(100vh - 285px);padding-right:4px;display:flex;overflow-y:auto}.admin-catalog-row{align-items:flex-start;gap:var(--space-sm);box-sizing:border-box;background:#0f172ac7;border:1px solid #334155b8;border-radius:10px;min-height:54px;padding:10px 8px;display:flex}.admin-catalog-row .palette-text,.admin-catalog-row .palette-text>*{display:block}.admin-catalog-row .palette-name{white-space:normal;word-break:break-word;font-weight:600;line-height:1.25}.admin-catalog-row .palette-meta{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;line-height:1.25;overflow:hidden}.catalog-quality-cell{flex-wrap:wrap;align-self:center;align-items:center;gap:4px;margin-left:auto;display:flex}.admin-catalog-row .catalog-quality-tags{gap:4px}.admin-catalog-row .catalog-quality-tag,.admin-catalog-row .catalog-quality-ok{min-height:16px;padding:1px 5px;font-size:9px}.catalog-row-check,.catalog-select-all{color:#bfdbfe;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.catalog-row-check{justify-content:center}.catalog-row-check input,.catalog-select-all input{accent-color:#2563eb;cursor:pointer;width:16px;height:16px;margin:0}.catalog-select-all input:disabled{cursor:not-allowed;opacity:.5}.admin-row-actions{align-items:center;gap:6px;display:flex}.catalog-asset-tools{flex-direction:column;gap:8px;min-width:0;display:flex}.catalog-asset-preview{background-color:#020617f5;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #334155e6;border-radius:6px;width:100%;height:64px;box-shadow:inset 0 0 0 1px #94a3b814}.catalog-asset-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;min-width:0;display:flex}.catalog-asset-upload{justify-content:center;align-items:center;min-height:36px;display:inline-flex}.catalog-asset-upload input{display:none}.catalog-asset-status{color:#93c5fd;word-break:break-word;flex-basis:100%;font-size:11px;line-height:1.35}.subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.header-controls{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.header-row{align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}.header-row-configs{flex-wrap:wrap}.configs-save{align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}.configs-save .field{min-width:180px}.field-config-select{min-width:220px}.palette-form-actions{gap:var(--space-sm);display:flex}.palette-form-actions .btn-full{flex:1}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field input[type=number]{color:#e5e7eb;box-sizing:border-box;background:#020617;border:1px solid #d1d5db;border-radius:6px;width:90px;min-width:0;padding:6px 8px}.field input[type=text]{color:#e5e7eb;box-sizing:border-box;background:#020617;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:0;padding:6px 8px}.field select{color:#e5e7eb;cursor:pointer;box-sizing:border-box;background:#020617;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:0;padding:6px 8px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform 50ms}.btn:not(.secondary){color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb80}.btn:not(.secondary):hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn.secondary{color:#e5e7eb;background:#1e293be6;border-color:#334155}.btn.secondary:hover{background:#334155e6}.btn:active{transform:translateY(1px)}.btn:disabled,.btn:disabled:hover{opacity:.45;cursor:not-allowed;transform:none}.layout{gap:var(--space-lg);grid-template-columns:minmax(280px,340px) minmax(320px,1fr);align-items:start;min-height:0;display:grid}.palette{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#0f172a,#020617);border:1px solid #1f2937;flex-direction:column;display:flex;box-shadow:0 4px 24px #0006}.palette h2{margin:0;font-size:16px;font-weight:600}.palette-head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.hint{color:#9ca3af;margin:0;font-size:12px;line-height:1.4}.catalog-counter{color:#bfdbfe;font-variant-numeric:tabular-nums;background:#0f172ad1;border:1px solid #60a5fa59;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.device-tabs{background:#020617b8;border:1px solid #334155d1;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.device-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-height:32px;font-size:12px;font-weight:700}.device-tabs button.active{color:#e0f2fe;background:#2563eb38;border-color:#60a5fa73}.catalog-toolbar{flex-direction:column;gap:8px;display:flex}.catalog-toolbar .field input,.catalog-toolbar .field select{color:#e5e7eb;background:#020617e6;border-color:#475569;min-height:34px}.catalog-filter-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.catalog-io-actions{flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;display:flex}.catalog-file-action{position:relative;overflow:hidden}.catalog-file-action input{display:none}.catalog-import-status{color:#93c5fd;font-size:12px;line-height:1.35}.catalog-quality-summary{border-top:1px solid #334155b8;border-bottom:1px solid #334155b8;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.catalog-quality-summary button{color:#94a3b8;cursor:pointer;background:#02061773;border:1px solid #334155e0;border-radius:999px;align-items:baseline;gap:3px;min-height:20px;padding:2px 6px;font-size:10px;display:inline-flex}.catalog-quality-summary button:hover,.catalog-quality-summary button.active{color:#bfdbfe;background:#2563eb2e;border-color:#60a5fa9e}.catalog-quality-summary strong{color:#bfdbfe;font-variant-numeric:tabular-nums;font-size:11px}.catalog-quality-tags{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.catalog-quality-tag,.catalog-quality-ok{border-radius:999px;align-items:center;min-height:18px;padding:2px 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.catalog-quality-tag{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf245c}.catalog-quality-ok{color:#bbf7d0;background:#22c55e14;border:1px solid #22c55e5c}.catalog-selection-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid #334155b8;min-height:30px;padding:4px 0 0;display:flex}.catalog-selection-count{color:#93c5fd;font-variant-numeric:tabular-nums;font-size:12px}.catalog-batch-panel{background:#0f172ab3;border:1px solid #3b82f652;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.catalog-batch-title{justify-content:space-between;align-items:center;gap:var(--space-sm);color:#bfdbfe;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;display:flex}.catalog-batch-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));align-items:end;gap:8px;display:grid}.catalog-batch-apply{justify-content:center;min-height:36px}.palette-list{gap:var(--space-xs);flex-direction:column;display:flex}.catalog-list{scrollbar-color:#60a5fa8c #0f172ab8;scrollbar-width:thin;max-height:360px;padding-right:4px;overflow-y:auto}.palette-item{align-items:center;gap:var(--space-sm);width:100%;padding:6px var(--space-md);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#0f172ae6;border:1px solid #0000;transition:border-color .15s,background .15s;display:flex}.catalog-item{padding-right:8px;position:relative}.palette-item:hover{border-color:#4b5563}.palette-item.active{background:linear-gradient(135deg,#020617,#0b1120);border-color:#2563eb}.palette-item.is-dragging{opacity:.6;border-color:#60a5fab3}.palette-item-wrap{align-items:center;gap:var(--space-xs);width:100%;display:flex}.palette-item-wrap .palette-item{flex:1;min-width:0}.palette-item-edit{color:#94a3b8;cursor:pointer;background:#1e293be6;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:color .15s,background .15s;display:flex}.palette-item-edit:hover{color:#60a5fa;background:#60a5fa26}.palette-item-remove{color:#94a3b8;cursor:pointer;background:#1e293be6;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:color .15s,background .15s,border-color .15s;display:flex}.palette-item-remove:hover{color:#f87171;background:#f8717126;border-color:#f8717166}.palette-color{opacity:.75;border-radius:999px;width:18px;height:32px;box-shadow:0 0 0 2px #0f172ae6}.palette-color-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.palette-text{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.palette-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.palette-meta{color:#9ca3af;font-size:12px;line-height:1.1}.catalog-confidence{color:#cbd5e1;text-transform:uppercase;border:1px solid #64748b9e;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:2px 5px;font-size:9px;font-weight:700}.catalog-confidence-official{color:#bbf7d0;border-color:#22c55e8f}.catalog-confidence-reseller{color:#bfdbfe;border-color:#60a5fa8f}.catalog-confidence-estimate{color:#fde68a;border-color:#fbbf248f}.catalog-empty{color:#64748b;margin:0;padding:10px 2px;font-size:12px;line-height:1.4}.legend{padding-top:var(--space-md);border-top:1px solid #1e293b;margin-top:0}.palette-form{padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(#0f172adb,#020617eb);border:1px solid #3b82f638;flex-direction:column;gap:14px;display:flex}.palette-form h3{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;text-align:left;margin:0;font-size:11px;font-weight:600}.catalog-admin-form{border-color:#0ea5e947}.palette-form-row{gap:var(--space-sm);flex-direction:column;display:flex}.palette-form-row-inner{grid-template-columns:minmax(52px,64px) minmax(68px,80px) minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;display:grid}.palette-form-row-inner .field span{display:block}.palette-form .field input,.palette-form .field select{color:#f8fafc;background:#020617eb;border:1px solid #64748b;border-radius:8px;min-height:36px;line-height:1.2;transition:border-color .15s,box-shadow .15s}.palette-form .field input::placeholder{color:#94a3b8}.palette-form .field span{color:#bfdbfe;text-align:left;font-size:12px;font-weight:500}.palette-form .field input:focus,.palette-form .field select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa33}.palette-form .field-small input[type=number]{width:100%;min-width:0;max-width:100%}.field-color{min-width:0}.field-color input[type=color]{border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #64748b;width:100%;min-width:44px;height:36px;margin:0;padding:2px}.field-kind{min-width:0}.field-kind select{white-space:nowrap;text-overflow:ellipsis;padding-right:28px;overflow:hidden}.device-engineering-toggle{color:#bfdbfe;cursor:pointer;background:#0f172ac7;border:1px solid #64748bcc;border-radius:8px;width:100%;min-height:34px;font-size:12px;font-weight:600}.device-engineering-toggle:hover{background:#1e293bdb;border-color:#60a5fab3}.device-engineering-fields{border-top:1px solid #334155b8;flex-direction:column;gap:8px;padding-top:10px;display:flex}.device-engineering-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.device-engineering-row.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.device-engineering-row.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.btn-full{justify-content:center;width:100%}.palette-form-actions{margin-top:2px}.palette-form-actions .btn.secondary{color:#eff6ff;background:linear-gradient(135deg,#2563eb5c,#1e40af5c);border-color:#3b82f659;min-height:40px}.palette-form-actions .btn.secondary:hover{background:linear-gradient(135deg,#3b82f675,#2563eb75);border-color:#60a5fa8c}.legend h3{margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:12px;font-weight:600}.legend ul{color:#94a3b8;flex-direction:column;gap:2px;margin:0;padding-left:16px;font-size:12px;line-height:1.5;display:flex}.rack-stats .rack-stat-row{align-items:baseline;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.rack-stat-label{color:#94a3b8;flex:1}.rack-stat-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.rack-stat-value.used{color:#f97316}.rack-stat-value.free{color:#22c55e}.rack-stat-pct{text-align:right;color:#64748b;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.rack-stat-bar-wrap{background:#1e293b;border-radius:3px;height:5px;margin-bottom:2px;overflow:hidden}.rack-stat-bar-fill{border-radius:3px;height:100%;transition:width .3s}.rack-stat-bar-fill.used{background:linear-gradient(90deg,#f97316,#fb923c)}.rack-stat-bar-fill.free{background:linear-gradient(90deg,#16a34a,#22c55e)}.engineering-summary{flex-direction:column;gap:8px;display:flex}.engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.engineering-card{background:linear-gradient(135deg,#0f172ad1,#020617e0);border:1px solid #334155c7;border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:8px;display:flex}.engineering-card-wide{grid-column:1/-1}.engineering-label{color:#94a3b8;font-size:10px;line-height:1.25}.engineering-card strong{color:#e5eefb;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:700;line-height:1.2}.engineering-warnings{flex-direction:column;gap:8px;padding-top:2px;display:flex}.engineering-warnings-title{color:#cbd5e1;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.engineering-warnings-title strong{color:#e2e8f0;background:#334155b8;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;display:inline-flex}.engineering-warning-list{flex-direction:column;gap:6px;display:flex}.engineering-warning{background:#0f172ac2;border:1px solid #334155c7;border-radius:8px;grid-template-columns:74px minmax(0,1fr);gap:8px;padding:8px;display:grid}.engineering-warning-critical{background:#7f1d1d33;border-color:#f87171b8}.engineering-warning-warning{background:#713f1233;border-color:#fbbf24b8}.engineering-warning-info{border-color:#60a5fa80}.engineering-warning-level{color:#cbd5e1;text-transform:uppercase;background:#0f172ab8;border-radius:999px;justify-content:center;align-self:start;padding:3px 5px;font-size:9px;font-weight:700;display:inline-flex}.engineering-warning-critical .engineering-warning-level{color:#fecaca}.engineering-warning-warning .engineering-warning-level{color:#fde68a}.engineering-warning-info .engineering-warning-level{color:#bfdbfe}.engineering-warning-text{color:#94a3b8;flex-direction:column;gap:2px;min-width:0;font-size:11px;line-height:1.35;display:flex}.engineering-warning-text strong{color:#e5eefb;font-size:12px}.rack-legend-list{scrollbar-color:#60a5fa8c #0f172ab8;scrollbar-width:thin;flex-direction:column;gap:6px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.rack-legend-list::-webkit-scrollbar{width:6px}.rack-legend-list::-webkit-scrollbar-track{background:#0f172ab8;border-radius:999px}.rack-legend-list::-webkit-scrollbar-thumb{background:#60a5fa8c;border-radius:999px}.rack-legend-item{background:linear-gradient(135deg,#0f172ab8,#020617d1);border:1px solid #334155b8;border-radius:10px;grid-template-columns:10px 56px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;padding:6px 8px;display:grid}.rack-legend-color{border-radius:999px;width:10px;height:18px;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #020617b3}.rack-legend-range{color:#bfdbfe;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.rack-legend-name{color:#e5eefb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.rack-legend-empty{color:#64748b;margin:0;padding:8px 0;font-size:12px}.rack-wrapper{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 20% 0,#38bdf814,#0000 38%),linear-gradient(#091226 0%,#070f1f 42%,#050b18 100%);border:1px solid #2a3446;flex-direction:column;min-width:0;display:flex;box-shadow:inset 0 1px #94a3b81f,0 16px 40px #00000073}.rack-wrapper h2{margin:0;font-size:16px;font-weight:600}.rack{--rack-ear-overlap:24px;--rack-label-width:32px;--rack-mount-rail-width:24px;--rack-mount-offset:-24px;--rack-art-bleed:0px;grid-template-columns:var(--rack-label-width) var(--rack-mount-rail-width) minmax(0, 1fr) var(--rack-mount-rail-width) var(--rack-label-width);background:linear-gradient(#020617 0%,#020a16 100%);border:1px solid #111827;border-radius:18px;align-items:stretch;gap:0;width:90%;max-width:100%;margin:0 auto;padding:10px 0;display:grid;box-shadow:inset 0 1px #94a3b814,0 22px 55px #000000b3}.rack-frame{z-index:1;background:linear-gradient(90deg,#243041 0%,#111827 48%,#0b1220 100%);border-radius:4px;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0b1220,inset 0 0 0 2px #94a3b80f}.rack-labels{grid-template-rows:repeat(var(--rack-points), 12px);z-index:1;color:#8fb0d1;display:grid;position:relative;overflow:hidden}.rack-labels-left{background:linear-gradient(90deg,#0b1220 0%,#172235 100%);border-radius:4px 0 0 4px}.rack-labels-right{background:linear-gradient(90deg,#172235 0%,#0b1220 100%);border-radius:0 4px 4px 0}.rack.pdf-capture .rack-labels-left,.rack.pdf-capture .rack-labels-right{background:0 0}.rack-label-point{min-height:12px;position:relative}.rack-frame-left{background:linear-gradient(90deg,#101827 0%,#0b1220 45%,#060b12 100%)}.rack-frame-right{background:linear-gradient(90deg,#060b12 0%,#0b1220 55%,#101827 100%)}.rack-frame-left,.rack-frame-right{grid-template-rows:repeat(var(--rack-points), 12px);align-items:stretch;padding:0;display:grid;overflow:visible}.rack-rail-point{color:#8fb0d1;font-variant-numeric:tabular-nums;justify-content:flex-start;align-items:center;padding-left:0;font-size:12px;line-height:1;display:flex;position:relative}.rack-rail-point:after{content:"";background:radial-gradient(circle at 35% 35%,#e2e8f08c,#33415580 58%,#0f172ad9);border:1px solid #94a3b852;border-radius:999px;width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff2e,0 0 0 1px #0206178c}.rack-mount-rail{box-shadow:inset 4px 0 8px #020617c7,inset -4px 0 8px #020617c7,inset 0 0 0 1px #94a3b814}.rack-mount-rail .rack-rail-point:after{left:50%;transform:translate(-50%,-50%)}.rack-rail-point-right{justify-content:center;padding-left:0}.rack-rail-point-right:after{transform:translate(-50%,-50%)}.rack-frame-left .rack-rail-point{justify-content:flex-start;padding-right:0}.rack-frame-right .rack-rail-point{padding-right:0}.rack-unit-label{color:#8fb0d1;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;width:100%;font-size:12px;line-height:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.rack-unit-label-right{text-align:center;width:100%;left:0;right:0}.rack-body{z-index:2;background:repeating-linear-gradient(#0f172aa6 0 12px,#1e293b80 12px 24px);border-left:1px solid #111827;border-right:1px solid #111827;position:relative;overflow:visible}.rack-row{cursor:pointer;grid-template-columns:minmax(0,1fr);align-items:stretch;height:12px;min-height:12px;display:grid}.rack-row.u-boundary{box-shadow:none}.rack-row:nth-child(2n),.rack-row:nth-child(odd){background:#080e1c73}.rack-row.occupied{background:#0f172af5}.rack-row.preview:not(.occupied){background:inherit}.rack-row.preview .rack-slot{box-shadow:inset 0 0 0 2px #2563ebb3}.rack-row.drop-preview-valid .rack-slot{box-shadow:inset 0 0 0 2px #4ade80bf}.rack-row.drop-preview-invalid .rack-slot{box-shadow:inset 0 0 0 2px #f87171bf}.rack-slot{align-items:stretch;padding:0 2px 0 0;display:flex;position:relative;overflow:visible}.rack-slot-art{padding-right:0}.rack-fill-container{flex-direction:column;gap:0;display:flex}.rack-fill{box-sizing:border-box;flex:1 0 auto;margin:0}.rack-device-row{box-sizing:border-box;border-top:1px solid #cbd5e11a;border-bottom:1px solid #0f172abf;flex:auto;justify-content:space-between;align-items:center;padding:0 2px 0 6px;display:flex;position:relative}.rack-device-row-art,.rack-device-row-poe{z-index:5;background-color:#0f172a2e;border-top:0;border-bottom:0;padding:0;overflow:visible}.rack-device-art,.rack-device-poe-art{top:1px;left:calc(var(--rack-art-bleed) * -1);right:calc(var(--rack-art-bleed) * -1);z-index:1;pointer-events:none;background-position:0;background-repeat:no-repeat;background-size:100% 100%;border-radius:2px;position:absolute}.rack-device-art-custom{left:0;right:0}.rack-device-mount{width:var(--rack-ear-overlap);z-index:3;opacity:.82;pointer-events:none;background:linear-gradient(90deg,#0f172a66,#334155c7 50%,#020617b8),linear-gradient(#0f172ab3,#020617e0);border-radius:2px;position:absolute;top:0;box-shadow:inset 0 0 0 1px #e2e8f02e,inset 0 0 8px #020617a6,0 0 0 1px #02061759}.rack-device-mount:before,.rack-device-mount:after{content:"";background:linear-gradient(0deg,#0000 3px,#0f172aeb 3px 4px,#0000 4px),linear-gradient(90deg,#0000 3px,#0f172aeb 3px 4px,#0000 4px),radial-gradient(circle at 34% 28%,#ffffffeb,#cbd5e1d1 18%,#64748be0 52%,#0f172af0 76%);border-radius:999px;width:7px;height:7px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff61,inset 0 -1px 1px #020617b3,0 0 0 1px #020617d1,0 1px 1px #020617a6}.rack-device-mount:before{top:2.5px}.rack-device-mount:after{bottom:2.5px}.rack-device-mount-left{left:var(--rack-mount-offset)}.rack-device-mount-right{right:var(--rack-mount-offset)}.rack-device-row-art .rack-device-name,.rack-device-row-poe .rack-device-name{text-shadow:0 1px 2px #020617f2;background:#020617b8;border-radius:2px;align-items:center;min-height:12px;padding:0 5px;display:inline-flex}.rack-inline-art,.rack-inline-poe{z-index:2;justify-content:flex-end;padding-right:2px;position:absolute;inset:0}.rack-device-with-image{background-position:top;background-repeat:repeat-y;background-size:100% 24px}.rack-slot.device-top{margin-top:0}.rack-inline{color:#f8fbff;cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:100%;padding:0;font-size:10px;line-height:1;display:flex}.rack-inline:active{cursor:grabbing}.rack-device-right{align-items:center;gap:6px;margin-left:auto;display:flex}.rack-device-image{background-position:100%;background-repeat:no-repeat;background-size:contain;border:1px solid #0f172ae6;border-radius:2px;flex-shrink:0;width:92px;height:14px;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #94a3b814}.rack-device-name{letter-spacing:.01em;text-shadow:0 1px #020617bf;font-weight:600}.rack-device-remove{color:#f9fafb;cursor:pointer;background:radial-gradient(circle at 30% 30%,#1e293b,#0f172a);border:1px solid #94a3b847;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;display:flex}.rack-device-remove:hover{background:radial-gradient(circle at 30% 30%,#3f1d2a,#1e1b2e);border-color:#fb718599}@media (width<=900px){.app{padding:var(--space-lg) var(--space-md) 28px}.app-header{grid-template-columns:1fr}.layout{grid-template-columns:minmax(0,1fr)}.rack{width:100%}.admin-header,.admin-layout,.landing-header,.landing-primary,.landing-feature-grid,.demo-rack-grid{grid-template-columns:minmax(0,1fr)}.landing-header{min-height:auto}.landing-header h1{font-size:34px}.landing-actions,.landing-metrics,.landing-section-head{justify-content:flex-start}.landing-section-head{flex-direction:column;align-items:flex-start}.admin-catalog-list{max-height:none}.palette-form-row-inner{grid-template-columns:minmax(52px,64px) minmax(68px,80px) minmax(0,1fr)}}@media (width<=420px){.palette-form-row-inner{grid-template-columns:1fr 1fr}.palette-form-row-inner .field-kind{grid-column:1/-1}.device-engineering-row,.device-engineering-row.three-cols,.device-engineering-row.four-cols,.catalog-filter-row,.engineering-warning{grid-template-columns:1fr}.engineering-warning-level{justify-self:start}}:root{--lp-bg:#020617;--lp-bg-elevated:#0f172a80;--lp-bg-elevated-hover:#0f172ab3;--lp-bg-card:#0f172a8c;--lp-bg-card-hover:#1e293bb3;--lp-bg-input:#02061780;--lp-bg-input-hover:#1e293bcc;--lp-bg-nav:#020617b8;--lp-bg-badge:#2563eb1f;--lp-bg-success:#22c55e26;--lp-bg-highlight:#2563eb14;--lp-border:#1e293b;--lp-border-hover:#334155;--lp-border-light:#1e293b99;--lp-border-accent:#2563eb40;--lp-text-primary:#f8fafc;--lp-text-secondary:#e2e8f0;--lp-text-tertiary:#94a3b8;--lp-text-muted:#64748b;--lp-text-faint:#475569;--lp-accent:#2563eb;--lp-accent-hover:#1d4ed8;--lp-accent-glow:#2563eb59;--lp-accent-glow-strong:#2563eb73;--lp-accent-text:#93c5fd;--lp-accent-text-bright:#60a5fa;--lp-success:#22c55e;--lp-success-bright:#4ade80;--lp-warning:#f59e0b;--lp-gradient-hero:linear-gradient(135deg, #60a5fa, #a78bfa);--lp-gradient-primary:linear-gradient(135deg, #2563eb, #1d4ed8);--lp-gradient-primary-hover:linear-gradient(135deg, #1d4ed8, #1e40af);--lp-shadow-card:0 10px 28px #00000059;--lp-shadow-plan:0 12px 36px #2563eb26;--lp-shadow-btn:0 4px 14px #2563eb59;--lp-shadow-btn-hover:0 6px 20px #2563eb73}[data-theme=light]{--lp-bg:#f8fafc;--lp-bg-elevated:#fff;--lp-bg-elevated-hover:#f1f5f9;--lp-bg-card:#fff;--lp-bg-card-hover:#f8fafc;--lp-bg-input:#fff;--lp-bg-input-hover:#f1f5f9;--lp-bg-nav:#f8fafcd9;--lp-bg-badge:#2563eb14;--lp-bg-success:#22c55e1a;--lp-bg-highlight:#2563eb0a;--lp-border:#e2e8f0;--lp-border-hover:#cbd5e1;--lp-border-light:#e2e8f0cc;--lp-border-accent:#2563eb33;--lp-text-primary:#0f172a;--lp-text-secondary:#1e293b;--lp-text-tertiary:#475569;--lp-text-muted:#64748b;--lp-text-faint:#94a3b8;--lp-accent:#2563eb;--lp-accent-hover:#1d4ed8;--lp-accent-glow:#2563eb33;--lp-accent-glow-strong:#2563eb4d;--lp-accent-text:#2563eb;--lp-accent-text-bright:#1d4ed8;--lp-success:#16a34a;--lp-success-bright:#22c55e;--lp-warning:#d97706;--lp-gradient-hero:linear-gradient(135deg, #2563eb, #7c3aed);--lp-gradient-primary:linear-gradient(135deg, #2563eb, #1d4ed8);--lp-gradient-primary-hover:linear-gradient(135deg, #1d4ed8, #1e40af);--lp-shadow-card:0 4px 16px #00000014;--lp-shadow-plan:0 4px 20px #2563eb1a;--lp-shadow-btn:0 4px 14px #2563eb40;--lp-shadow-btn-hover:0 6px 20px #2563eb59}.lp{min-height:100vh;color:var(--lp-text-secondary);background:var(--lp-bg);text-align:left;box-sizing:border-box;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp-btn-primary,.lp-btn-outline,.lp-btn-ghost{cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}.lp-btn-primary{background:var(--lp-gradient-primary);color:#fff;border-color:var(--lp-accent-hover);box-shadow:var(--lp-shadow-btn)}.lp-btn-primary:hover{background:var(--lp-gradient-primary-hover);box-shadow:var(--lp-shadow-btn-hover)}.lp-btn-outline{border-color:var(--lp-border-hover);color:var(--lp-text-secondary);background:var(--lp-bg-elevated)}.lp-btn-outline:hover{border-color:var(--lp-text-tertiary);background:var(--lp-bg-elevated-hover);color:var(--lp-text-primary)}.lp-btn-ghost{color:var(--lp-text-tertiary);padding:8px 14px}.lp-btn-ghost:hover{color:var(--lp-text-secondary);background:#94a3b81a}.lp-btn-lg{border-radius:12px;padding:14px 24px;font-size:15px}.lp-nav{z-index:100;background:var(--lp-bg-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-border-light);justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.lp-nav-brand{color:var(--lp-accent-text);letter-spacing:.02em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.lp-nav-brand svg{color:var(--lp-accent-text-bright)}.lp-nav-links{align-items:center;gap:6px;display:flex}.lp-nav-link{color:var(--lp-text-tertiary);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.lp-nav-link:hover{color:var(--lp-text-secondary);background:#94a3b81a}.lp-nav-actions{align-items:center;gap:8px;display:flex}.lp-theme-toggle{cursor:pointer;background:0 0;border:none;padding:0}.lp-toggle-track{background:var(--lp-border-hover);border-radius:999px;width:44px;height:24px;transition:background .2s;display:block;position:relative}.lp-toggle-track.dark{background:var(--lp-accent)}.lp-toggle-thumb{width:20px;height:20px;color:var(--lp-text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.lp-toggle-track.dark .lp-toggle-thumb{transform:translate(20px)}.lp-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px;width:100%;max-width:1280px;margin:0 auto;padding:56px 28px 64px;display:grid}.lp-hero-content{flex-direction:column;gap:22px;min-width:0;display:flex}.lp-hero-badge{background:var(--lp-bg-badge);border:1px solid var(--lp-border-accent);color:var(--lp-accent-text);letter-spacing:.02em;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.lp-badge-dot{background:var(--lp-success);width:8px;height:8px;box-shadow:0 0 8px var(--lp-success);border-radius:50%;animation:2.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.lp-hero-title{color:var(--lp-text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(32px,4.5vw,52px);font-weight:800;line-height:1.08}.lp-hero-gradient{background:var(--lp-gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero-desc{max-width:520px;color:var(--lp-text-tertiary);margin:0;font-size:16px;line-height:1.65}.lp-hero-ctas{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.stats-strip{flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:8px;display:flex}.stat-chip{align-items:baseline;gap:6px;display:flex}.stat-value{color:var(--lp-accent-text);font-size:14px;font-weight:700}.stat-label{color:var(--lp-text-muted);font-size:12px;font-weight:500}.stat-divider{background:var(--lp-border-hover);width:1px;height:14px}.lp-hero-visual{justify-content:center;align-items:center;min-width:0;min-height:380px;display:flex;position:relative}.lp-hero-glow{background:radial-gradient(circle at 50% 50%, var(--lp-accent-glow), transparent 60%);pointer-events:none;position:absolute;inset:-40px}.hero-rack{border:1px solid var(--lp-border);background:linear-gradient(#0b1220,#020617);border-radius:10px;grid-template-columns:34px minmax(0,1fr) 34px;gap:0;width:100%;max-width:280px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff08}.hero-rack-unit{flex-direction:column;display:flex}.hero-rack-label-col{align-items:flex-end;gap:0;padding:8px 4px}.hero-rack-u-label{height:36px;color:var(--lp-text-faint);justify-content:flex-end;align-items:center;padding-right:6px;font-size:10px;font-weight:700;display:flex}.hero-rack-rail{background:repeating-linear-gradient(to bottom, #94a3b873 0 4px, transparent 4px 12px), linear-gradient(180deg, var(--lp-border-hover), var(--lp-border));border-left:1px solid var(--lp-border);border-right:1px solid var(--lp-border)}.hero-rack-body{flex-direction:column;gap:3px;padding:8px 10px;display:flex}.hero-device{border:1px solid var(--lp-border-hover);border-radius:5px;flex-direction:column;gap:4px;padding:6px 8px;display:flex;position:relative;overflow:hidden}.hero-device-name{color:#ffffffbf;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.hero-device-1{background:linear-gradient(90deg,#0f172a,#1e293b);height:36px}.hero-device-2{background:linear-gradient(90deg,#3b0d1f,#4a1428);height:36px}.hero-device-3{background:linear-gradient(90deg,#0a1628,#0f2242);height:72px}.hero-device-4{background:linear-gradient(90deg,#1a1f2e,#252b3d);height:36px}.hero-device-5{background:linear-gradient(90deg,#1e1805,#2d2408);height:72px}.hero-device-6{background:#0f172a99;border-style:dashed;height:36px}.hero-device-led{border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.hero-led-green{background:#22c55e;box-shadow:0 0 6px #22c55e}.hero-led-amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.hero-led-blue{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.hero-device-ports{flex-wrap:wrap;align-items:center;gap:3px 4px;display:flex}.hero-port{background:#334155;border-radius:1px;width:8px;height:5px}.hero-port-sm{width:6px;height:4px}.hero-device-ports-patch{gap:2px 3px}.hero-port-patch{background:#475569;border-radius:50%;width:5px;height:5px}.hero-device-hdd{flex-wrap:wrap;gap:3px;display:flex}.hero-hdd-slot{background:#1e293b;border:1px solid #334155;border-radius:1px;width:14px;height:5px}.hero-ups-bar{background:#334155;border-radius:3px;width:40%;height:5px;overflow:hidden}.hero-ups-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;width:72%;height:100%;display:block}.lp-auth-section{width:100%;max-width:1280px;margin:0 auto;padding:0 28px 48px}.lp-auth-inner{background:var(--lp-bg-elevated);border:1px solid var(--lp-border);border-radius:16px;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding:24px;display:flex}.lp-auth-inner>*{min-width:0}.lp-auth-label{color:var(--lp-text-tertiary);flex-shrink:0;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.lp-auth-label svg{color:var(--lp-accent-text-bright)}.auth-tabs{background:var(--lp-bg-input);border-radius:10px;gap:4px;padding:4px;display:flex}.auth-tabs button{color:var(--lp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:14px;font-weight:600;transition:all .15s}.auth-tabs button.active{background:var(--lp-bg-badge);color:var(--lp-accent-text)}.auth-tabs button:hover:not(.active){color:var(--lp-text-tertiary)}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field span{color:var(--lp-text-tertiary);font-size:13px;font-weight:500}.auth-field input{border:1px solid var(--lp-border);background:var(--lp-bg-input);color:var(--lp-text-secondary);border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.auth-field input:focus{border-color:var(--lp-accent)}.auth-field input::placeholder{color:var(--lp-text-faint)}.auth-submit{background:var(--lp-gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .15s}.auth-submit:hover:not(:disabled){background:var(--lp-gradient-primary-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-panel-head{color:var(--lp-text-tertiary);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.auth-panel-head strong{color:var(--lp-accent-text);font-weight:700}.auth-actions{gap:10px;display:flex}.auth-actions .btn{border:1px solid var(--lp-border);background:var(--lp-bg-input);color:var(--lp-text-secondary);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s}.auth-actions .btn:hover{background:var(--lp-bg-input-hover);color:var(--lp-text-primary)}.auth-note{color:var(--lp-text-faint);text-align:center;margin:0;font-size:12px}.auth-status{color:var(--lp-text-muted);text-align:center;min-height:18px;margin:0;font-size:12px}.lp-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lp-modal{background:var(--lp-bg-elevated);border:1px solid var(--lp-border);border-radius:18px;width:100%;max-width:460px;max-height:90vh;padding:28px;position:relative;overflow-y:auto}.lp-modal-close{width:32px;height:32px;color:var(--lp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.lp-modal-close:hover{color:var(--lp-text-secondary);background:#94a3b81a}.lp-demos{width:100%;max-width:1280px;margin:0 auto;padding:48px 28px}.lp-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.lp-section-head h2{color:var(--lp-text-primary);margin:0;font-size:22px;font-weight:700}.lp-section-head p{color:var(--lp-text-muted);max-width:480px;margin:0;font-size:14px}.lp-section-head--stacked{flex-direction:column;align-items:flex-start;gap:4px}.lp-section-head--stacked h2{margin:0}.lp-section-head--stacked p{color:var(--lp-text-muted);max-width:640px;font-size:13px}.lp-demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.lp-demo-card{background:var(--lp-bg-card);border:1px solid var(--lp-border);text-align:left;cursor:pointer;word-break:break-word;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:18px;transition:all .18s;display:flex;position:relative;overflow:hidden}.lp-demo-card:hover{border-color:var(--lp-accent-text-bright);background:var(--lp-bg-card-hover);box-shadow:var(--lp-shadow-card);transform:translateY(-2px)}.lp-demo-card--loading{opacity:.5;cursor:not-allowed;pointer-events:none}.lp-demo-card--locked{opacity:.7}.lp-demo-card--locked:hover{border-color:var(--lp-border);background:var(--lp-bg-card);box-shadow:none;transform:none}.lp-demo-lock{color:var(--lp-accent-text);margin-top:4px;font-size:12px;font-weight:600}.lp-demo-icon{margin-bottom:4px;font-size:28px;line-height:1}.lp-demo-name{color:var(--lp-text-primary);font-size:14px;font-weight:700}.lp-demo-meta{color:var(--lp-accent-text);font-size:12px;font-weight:600}.lp-demo-desc{color:var(--lp-text-muted);margin-top:2px;font-size:12px;line-height:1.45}.lp-demo-arrow{color:var(--lp-text-faint);transition:color .15s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lp-demo-card:hover .lp-demo-arrow{color:var(--lp-accent-text)}.lp-features{width:100%;max-width:1280px;margin:0 auto;padding:48px 28px}.lp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lp-feature-card{background:var(--lp-bg-elevated);border:1px solid var(--lp-border);word-break:break-word;border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:22px;transition:all .18s;display:flex}.lp-feature-card:hover{background:var(--lp-bg-elevated-hover);border-color:var(--lp-border-hover);transform:translateY(-1px)}.lp-feature-icon{background:var(--lp-bg-badge);width:48px;height:48px;color:var(--lp-accent-text-bright);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.lp-feature-card--blue .lp-feature-icon{color:#60a5fa;background:#2563eb1f}.lp-feature-card--cyan .lp-feature-icon{color:#22d3ee;background:#06b6d41f}.lp-feature-card--violet .lp-feature-icon{color:#a78bfa;background:#8b5cf61f}.lp-feature-card--green .lp-feature-icon{color:#4ade80;background:#22c55e1f}.lp-feature-card--orange .lp-feature-icon{color:#fb923c;background:#f973161f}.lp-feature-card--rose .lp-feature-icon{color:#fb7185;background:#f43f5e1f}.lp-feature-card h3{color:var(--lp-text-primary);margin:0;font-size:15px;font-weight:700}.lp-feature-card p{color:var(--lp-text-muted);margin:0;font-size:13px;line-height:1.55}.lp-how{width:100%;max-width:1280px;margin:0 auto;padding:48px 28px}.lp-steps{counter-reset:step;gap:16px;display:flex}.lp-step{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex;position:relative}.lp-step-num{width:44px;height:44px;color:var(--lp-accent-text);background:var(--lp-bg-badge);border:1px solid var(--lp-border-accent);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.lp-step-line{background:linear-gradient(90deg, var(--lp-border), transparent);width:calc(100% - 40px);height:1px;position:absolute;top:22px;left:52px}.lp-step:last-child .lp-step-line{display:none}.lp-step-body h3{color:var(--lp-text-primary);margin:0;font-size:15px;font-weight:700}.lp-step-body p{color:var(--lp-text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.lp-pricing{width:100%;max-width:1280px;margin:0 auto;padding:48px 28px}.lp-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.lp-plan{background:var(--lp-bg-elevated);border:1px solid var(--lp-border);border-radius:16px;flex-direction:column;gap:16px;min-width:0;height:100%;padding:26px;transition:all .18s;display:flex;position:relative}.lp-plan-features{flex:auto}.lp-plan:hover{background:var(--lp-bg-elevated-hover)}.lp-plan--highlight{background:var(--lp-bg-highlight);border-color:var(--lp-border-accent);box-shadow:var(--lp-shadow-plan)}.lp-plan-badge{background:var(--lp-gradient-primary);color:#fff;letter-spacing:.03em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.lp-plan-name{color:var(--lp-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:700}.lp-plan-price{align-items:baseline;gap:8px;display:flex}.lp-plan-amount{color:var(--lp-text-primary);letter-spacing:-.02em;font-size:32px;font-weight:800}.lp-plan-period{color:var(--lp-text-muted);font-size:13px}.lp-plan-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-plan-features li{color:var(--lp-text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.lp-check{background:var(--lp-bg-success);width:18px;height:18px;color:var(--lp-success-bright);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lp-footer{border-top:1px solid var(--lp-border);margin-top:auto;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;margin-inline:auto;padding:28px;display:flex}.lp-footer-brand{color:var(--lp-accent-text);align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.lp-footer-links{align-items:center;gap:8px;display:flex}.lp-footer-link{color:var(--lp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.lp-footer-link:hover{color:var(--lp-text-secondary);background:#94a3b81a}.lp-footer-copy{color:var(--lp-text-faint);font-size:12px}@media (width<=1024px){.lp-hero{grid-template-columns:1fr;gap:32px}.lp-hero-visual{order:-1;min-height:280px}.lp-demo-grid,.lp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-steps{flex-direction:column}.lp-step-line{display:none}}@media (width<=768px){.lp-nav{padding:12px 16px}.lp-nav-links{display:none}.lp-hero{padding:36px 16px 44px}.lp-demos,.lp-features,.lp-how,.lp-pricing,.lp-auth-section{padding-left:16px;padding-right:16px}.lp-demo-grid,.lp-feature-grid{grid-template-columns:1fr}.lp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.lp-plan-grid{grid-template-columns:1fr}.lp-footer{text-align:center;flex-direction:column;padding:20px 16px}}.lp-trust{text-align:center;border-top:1px solid var(--lp-border-light);border-bottom:1px solid var(--lp-border-light);padding:32px 28px}.lp-trust-label{text-transform:uppercase;letter-spacing:.1em;color:var(--lp-text-muted);margin:0 0 16px;font-size:12px;font-weight:600}.lp-trust-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;display:flex}.lp-trust-logo{color:var(--lp-text-faint);opacity:.7;font-size:15px;font-weight:700;transition:opacity .2s}.lp-trust-logo:hover{opacity:1;color:var(--lp-text-tertiary)}.lp-faq{max-width:800px;margin:0 auto;padding:64px 28px}.lp-faq-list{flex-direction:column;gap:12px;margin-top:32px;display:flex}.lp-faq-item{border:1px solid var(--lp-border);background:var(--lp-bg-elevated);border-radius:12px;overflow:hidden}.lp-faq-q{width:100%;color:var(--lp-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.lp-faq-icon{color:var(--lp-accent-text-bright);text-align:center;flex-shrink:0;width:24px;font-size:20px;font-weight:400}.lp-faq-a{max-height:0;padding:0 20px;transition:max-height .25s,padding .25s;overflow:hidden}.lp-faq-item--open .lp-faq-a{max-height:300px;padding:0 20px 16px}.lp-faq-a p{color:var(--lp-text-tertiary);margin:0;font-size:14px;line-height:1.55}.lp-cta{text-align:center;background:radial-gradient(ellipse at center, var(--lp-accent-glow), transparent 70%);border-top:1px solid var(--lp-border-light);padding:80px 28px}.lp-cta h2{color:var(--lp-text-primary);margin:0 0 12px;font-size:32px;font-weight:800}.lp-cta p{color:var(--lp-text-tertiary);margin:0 0 28px;font-size:16px}@media (width<=640px){.lp-cta h2{font-size:24px}.lp-trust-logos{gap:12px 20px}.lp-trust-logo{font-size:13px}}