@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#030303;--card-bg:#0f1211;--brand-burgundy:#9e1b22;--brand-burgundy-glow:#d9242e;--brand-lunar-green:#021a17;--brand-lunar-light:#053b34;--text-primary:#fff;--text-secondary:#a3a3a3;--border-color:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 0%, var(--brand-lunar-light) 0%, transparent 40%);min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}*{box-sizing:border-box}h1,h2,h3,h4,.brand-font{font-family:Outfit,sans-serif}.glass{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #000c}.snowflakes-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.snowflake{background:#ffffff80;border-radius:50%;animation:linear infinite fall,ease-in-out infinite alternate sway;position:absolute;top:-10px;box-shadow:0 0 10px #fff6}@keyframes fall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(105vh)}}@keyframes sway{0%{margin-left:-30px}to{margin-left:30px}}.layout{z-index:10;width:100%;height:100vh;display:flex;position:relative}.sidebar{z-index:10;background:linear-gradient(#041c19 0%,#000 100%);border:none;border-right:1px solid #ffffff0d;border-radius:0;flex-direction:column;width:280px;height:100%;padding:30px 24px;display:flex;position:relative;overflow:hidden}.sidebar-bg-tree{opacity:.1;mix-blend-mode:screen;pointer-events:none;z-index:0;width:120%;max-width:350px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.brand{z-index:2;align-items:center;gap:12px;margin-bottom:40px;display:flex;position:relative}.brand-icon{justify-content:center;align-items:center;padding-right:4px;display:flex}.brand-text{flex-direction:column;display:flex}.brand-name{color:#fff;text-align:left;letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;line-height:.95}.nav-links{z-index:2;flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.nav-item{color:#555;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 18px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.nav-item.active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff26}.ai-assistant-widget{background:var(--bg-color);color:#fff;border:1px solid var(--brand-lunar-light);border-radius:12px;flex-direction:column;gap:14px;margin-top:24px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.ai-header{color:#fff;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;display:flex}.ai-input-wrapper{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.ai-input-wrapper:focus-within{border-color:var(--brand-burgundy)}.ai-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:.85rem}.sidebar-footer{z-index:2;margin-top:24px;position:relative}.user-profile{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.avatar{background:var(--brand-lunar-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#fff;font-size:.95rem;font-weight:700}.user-tier{color:var(--brand-burgundy);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.content{flex:1;padding:32px 48px;position:relative;overflow-y:auto}.top-bar{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.search-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:14px;width:500px;height:52px;padding:0 20px;display:flex}.search-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-shortcut{color:#fff;background:#ffffff1a;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:600}.header-actions{gap:16px;display:flex}.icon-btn{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);width:52px;height:52px;color:var(--text-primary);border-radius:14px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.welcome-text{color:#fff;margin-bottom:8px;font-size:2.2rem;font-weight:700}.welcome-subtext{color:var(--text-secondary);font-size:1.05rem}.primary-btn{background:var(--brand-burgundy);color:#fff;border:1px solid var(--brand-burgundy-glow);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 20px #9e1b224d}.primary-btn:hover{background:var(--brand-burgundy-glow);transform:translateY(-2px);box-shadow:0 0 30px #9e1b2280}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;margin-bottom:48px;display:grid}.glow-card{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:160px;padding:28px;transition:background .4s,border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.glow-card:hover{background:#111;border-color:#fff;box-shadow:0 10px 40px #ffffff0d}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.supplier-name{color:var(--text-secondary);font-size:1.1rem;font-weight:600;line-height:1.3}.supplier-stats{flex-direction:column;display:flex}.item-count{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;line-height:1;overflow:hidden}.item-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.table-container{padding:32px}.table-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.table-header h3{margin:0;font-size:1.3rem}.ghost-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 18px;transition:all .2s;display:flex}.ghost-btn:hover{color:#fff;background:#ffffff1a}.data-table-wrapper{overflow-x:auto}.asset-table{border-collapse:collapse;text-align:left;width:100%}.asset-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:16px;font-size:.85rem;font-weight:500}.asset-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding:18px 16px;font-size:.95rem;transition:background .2s}.table-row:hover td{background:#ffffff0d}.asset-thumb{object-fit:cover;border:1px solid var(--border-color);background:#ffffff0d;border-radius:8px;flex-shrink:0;width:40px;height:40px}.asset-thumb-placeholder{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.font-mono{letter-spacing:.02em;font-family:Space Mono,monospace,Inter}.font-medium{font-weight:500}.sku-col{color:var(--text-primary);font-size:.85rem}.category-badge{letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.cat-bulbs{color:#34d399;background:#34d3991a;border:1px solid #34d39933}.cat-wiring{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.cat-hardware{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.cat-controllers{color:#c084fc;background:#a855f71a;border:1px solid #a855f733}.cat-cords{color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf2433}.status-badge{text-transform:uppercase;letter-spacing:.05em;background:#041c194d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-good{color:#34d399;border:1px solid #34d3994d}.status-good .status-dot{background:#34d399;box-shadow:0 0 8px #34d399}.status-warn{color:#fbbf24;border:1px solid #fbbf244d}.status-warn .status-dot{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.status-bad{color:var(--brand-burgundy-glow);border:1px solid #d9242e4d}.status-bad .status-dot{background:var(--brand-burgundy-glow);box-shadow:0 0 8px var(--brand-burgundy-glow)}.action-dot-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.action-dot-btn:hover{color:#fff;background:#ffffff1a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chasing-border-card{position:relative;overflow:hidden;border:none!important}.chasing-border-card:before{content:"";opacity:0;z-index:0;background:conic-gradient(#0000 40%,#065f4633 75%,#065f46cc 95%,#0fa 100%);width:200%;height:200%;transition:opacity .3s;animation:10s linear infinite spin;position:absolute;top:-50%;left:-50%}.chasing-border-card:hover:before{opacity:1}.chasing-border-card:after{content:"";z-index:1;background:#000;border-radius:11px;position:absolute;inset:5px}.chasing-border-card>*{z-index:2;position:relative}.chasing-border-search{background:#065f46;position:relative;overflow:hidden;border:none!important}.chasing-border-search:before{content:"";transform-origin:50%;will-change:transform;opacity:1;z-index:0;background:conic-gradient(#0000 0% 5%,#00ffaa0d 20%,#00ffaa26 35%,#0fa9 47%,#0fa 50%,#0fa0 52%,#0000 55%,#00ffaa0d 70%,#00ffaa26 85%,#0fa9 97%,#0fa 100%);width:2500px;height:2500px;margin-top:-1250px;margin-left:-1250px;transition:opacity .5s;animation:20s linear infinite spin;position:absolute;top:50%;left:50%}.chasing-border-search:focus-within:before{opacity:0}.chasing-border-search:after{content:"";z-index:1;background:#000;border-radius:14px;position:absolute;inset:2px}.chasing-border-search>*{z-index:2;position:relative}@keyframes search-trace-edge{0%{top:0;left:0}46%{top:0;left:100%}50%{top:100%;left:100%}96%{top:100%;left:0}to{top:0;left:0}}.chasing-border-login{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000080;border-radius:24px;position:relative;border:none!important;overflow:visible!important}.chasing-border-login:before{content:"";-webkit-mask-composite:xor;z-index:-1;pointer-events:none;background:conic-gradient(#0000 0% 5%,#38bdf80d 20%,#38bdf826 35%,#38bdf899 47%,#38bdf8 50%,#38bdf800 52%,#0000 55%,#38bdf80d 70%,#38bdf826 85%,#38bdf899 97%,#38bdf8 100%);border-radius:26px;padding:2px;animation:20s linear infinite spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chasing-border-login>*{z-index:2;position:relative}@media (width<=768px){.layout{flex-direction:column}.sidebar{z-index:1000;background:#020617;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-320px}.sidebar.mobile-open{left:0;box-shadow:20px 0 50px #000c}.mobile-menu-btn{margin-right:12px;display:flex!important}.dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}.table-container{-webkit-overflow-scrolling:touch;margin-top:12px;overflow-x:auto}.content{flex:1;width:100vw;padding:16px;overflow-x:hidden;margin-left:0!important}.stat-card{padding:16px!important}.header-actions{justify-content:space-between;width:100%}.search-wrapper{width:100%;max-width:100%}.dashboard-grid{grid-template-columns:1fr!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}th,td{white-space:nowrap}.mobile-overlay.active{display:block!important}}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02061799;display:none;position:fixed;inset:0}