@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;background:#0b111a;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{background:radial-gradient(at 78% 0,#162235 0,#0000 38%),#0b111a;min-height:100vh;display:flex}.sidebar{background:#0d141f;border-right:1px solid #202b3b;flex-direction:column;flex-shrink:0;width:258px;min-height:100vh;padding:27px 18px 20px;display:flex}.brand{align-items:center;gap:11px;padding:0 9px 38px;display:flex}.brand-mark{color:#77baff;background:#14283e;border:1px solid #315579;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.brand strong{letter-spacing:1.3px;font:700 13px Space Grotesk;display:block}.brand span{color:#6d819b;letter-spacing:.6px;margin-top:4px;font:9px DM Mono;display:block}.side-label,.eyebrow{letter-spacing:1.5px;color:#6f839e;font:500 10px DM Mono}.side-label{padding:0 10px 12px}.sidebar nav{gap:5px;display:grid}.nav-item{color:#91a0b4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:11px 12px;font:500 13px DM Sans;display:flex}.nav-item:hover,.nav-item.active{color:#eaf4ff;background:#182638}.nav-item.active{box-shadow:inset 2px 0 #58aaff}.line-label{justify-content:space-between;margin-top:34px;display:flex}.line-label span{color:#52657d;font-size:9px}.line-list{gap:4px;display:grid}.line-list button{color:#8998ad;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:flex}.line-list button:hover{color:#e8edf5}.line-list button span{line-height:1.4}.line-dot{background:#64a8e8;border-radius:50%;flex:none;width:7px;height:7px}.dot-1{background:#9d87e9}.dot-2{background:#df8c70}.dot-3{background:#6cbf9c}.dot-4{background:#d0aa65}.dot-5{background:#d67eae}.sidebar-bottom{margin-top:auto}.local-note{border:1px solid #202d3e;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:17px;padding:12px 10px;display:flex}.online-dot{background:#55c99a;border-radius:50%;width:7px;height:7px;margin-top:4px;box-shadow:0 0 9px #55c99a}.local-note b,.local-note small{display:block}.local-note b{color:#c4d1e1;font-size:10px}.local-note small{color:#71839a;margin-top:3px;font-size:9px;line-height:1.5}.sidebar-bottom>a{color:#6e8eaf;padding-left:10px;font:10px DM Mono;text-decoration:none}.main-content{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:0 42px 22px}.topbar{border-bottom:1px solid #202b3b;justify-content:space-between;align-items:center;height:77px;display:flex}.breadcrumb{letter-spacing:1px;color:#8797ad;font:10px DM Mono}.breadcrumb span{color:#45566c;padding:0 8px}.top-actions{align-items:center;gap:9px;display:flex}.icon-button{color:#91a6bf;cursor:pointer;background:#121d2b;border:1px solid #29384b;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.icon-button:hover{color:#fff;border-color:#52779b}.add-button,.primary-button{color:#061321;cursor:pointer;background:#4b9ee8;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 15px;font:700 12px DM Sans;display:inline-flex}.add-button:hover,.primary-button:hover{background:#70b6f5}.welcome{background:linear-gradient(110deg,#14263a 0%,#122034 51%,#172337 100%);border:1px solid #26384e;border-radius:11px;justify-content:space-between;align-items:center;min-height:325px;margin-top:29px;padding:42px 54px;display:flex;position:relative;overflow:hidden}.welcome:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 55%,#569bdd0a);position:absolute;inset:0}.welcome .eyebrow{color:#77b5e9;align-items:center;gap:7px;display:flex}.welcome h1,.page-heading h1{letter-spacing:-2px;color:#f0f5fb;margin:17px 0 12px;font:600 clamp(34px,4vw,49px)/1.06 Space Grotesk}.welcome h1 em{color:#72b7f0;font-style:normal}.welcome p,.page-heading p{color:#9aacc2;max-width:450px;margin:0 0 22px;font-size:13px;line-height:1.7}.primary-button{padding:11px 16px}.primary-button span{font-size:18px;line-height:10px}.hero-art{place-items:center;width:280px;height:240px;margin-right:30px;display:grid;position:relative}.hero-core{color:#7abcf2;background:radial-gradient(circle,#254d70,#142b43 65%,#102135);border:1px solid #47759b;border-radius:50%;place-items:center;width:124px;height:124px;display:grid;box-shadow:0 0 65px #3976a244,inset 0 0 25px #76b9ee22}.orbit{border:1px solid #4c789c55;border-radius:50%;position:absolute;transform:rotate(-28deg)}.orbit-one{width:250px;height:105px}.orbit-two{width:205px;height:190px;transform:rotate(42deg)}.hero-tag{letter-spacing:1px;color:#6d9bc3;font:9px DM Mono;position:absolute}.tag-top{top:15px;right:0}.tag-bottom{bottom:14px;left:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px;display:grid}.stat-card{background:#111b28;border:1px solid #233246;border-radius:8px;min-width:0;padding:16px 17px 15px}.stat-top{color:#8294ab;letter-spacing:.7px;justify-content:space-between;align-items:center;font:10px DM Mono;display:flex}.stat-icon{border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.stat-icon.blue{color:#6db5f0;background:#1a344c}.stat-icon.amber{color:#e5b66d;background:#3b3020}.stat-icon.green{color:#69c9a1;background:#1d382f}.stat-icon.violet{color:#b19be9;background:#302844}.stat-card>strong{color:#f0f4fa;margin-top:10px;font:600 30px Space Grotesk;display:block}.stat-card>small{color:#6f829a;font-size:10px}.overview-bottom{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:17px;display:grid}.panel{background:#111b28;border:1px solid #233246;border-radius:8px;padding:19px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel h2{margin:5px 0 0;font:600 18px Space Grotesk}.muted-count{color:#61758e;font:9px DM Mono}.overview-lines{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.overview-lines button{color:#aab8c9;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #202c3c;align-items:center;gap:9px;min-width:0;padding:11px 2px;font-size:11px;display:flex}.overview-lines button>span:nth-child(2){flex:1;line-height:1.4}.overview-lines button b{color:#7d91a9;font:11px DM Mono}.overview-lines .arrow{color:#4f769a}.quick-panel{flex-direction:column;align-items:flex-start;display:flex}.quick-panel h2{margin:10px 0;font-size:20px}.quick-panel p{color:#8497ad;max-width:270px;margin:0 0 17px;font-size:11px;line-height:1.7}.secondary-button{color:#c9d9e9;cursor:pointer;background:#1b2b3d;border:1px solid #344b63;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font:600 11px DM Sans;display:inline-flex}.secondary-button:hover{background:#243a51}.quick-foot{color:#687d96;align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-size:9px;display:flex}.footer{color:#53677f;letter-spacing:1px;border-top:1px solid #202b3b;justify-content:space-between;margin-top:27px;padding-top:13px;font:9px DM Mono;display:flex}.footer b{color:#4e9cdb;padding:0 4px}.page-heading{justify-content:space-between;align-items:end;padding:42px 0 24px;display:flex}.page-heading h1{margin:9px 0;font-size:37px}.page-heading p{margin:0;font-size:12px}.heading-count{flex-direction:column;align-items:flex-end;display:flex}.heading-count b{font:600 30px Space Grotesk}.heading-count span{color:#71849d;letter-spacing:1px;font:9px DM Mono}.filter-bar{background:#111b28;border:1px solid #263448;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.search-wrap{color:#72869f;flex:1;align-items:center;gap:9px;min-width:140px;padding:0 8px;display:flex}.search-wrap input{color:#eaf0f7;background:0 0;border:0;outline:0;width:100%;font:11px DM Sans}.search-wrap input::placeholder{color:#62748b}.select-wrap{color:#7b91a9;border-left:1px solid #29374a;align-items:center;gap:6px;padding-left:10px;display:flex}.select-wrap select,.product-actions select{appearance:none;color:#aabbd0;cursor:pointer;background:0 0;border:0;outline:none;max-width:180px;font:10px DM Sans}.select-wrap option,.product-actions option{color:#eaf0f7;background:#152235}.view-toggle{border:1px solid #2b3b50;border-radius:5px;padding:2px;display:flex}.view-toggle button{color:#72869f;cursor:pointer;background:0 0;border:0;place-items:center;width:27px;height:25px;display:grid}.view-toggle button.selected{color:#9fd0fb;background:#263d55;border-radius:3px}.collection-tabs{border-bottom:1px solid #273548;gap:18px;margin:16px 0 19px;display:flex}.collection-tabs button{color:#8194ab;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 3px;font:11px DM Sans}.collection-tabs button.chosen{color:#e3f2ff;border-color:#64b2f1}.collection-tabs b{color:#7b9bb8;padding-left:5px;font:10px DM Mono}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.product-card{background:#111b28;border:1px solid #263448;border-radius:8px;min-width:0;overflow:hidden}.product-visual{cursor:pointer;background:#172537;border:0;place-items:center;width:100%;height:175px;display:grid;position:relative;overflow:hidden}.product-visual img{object-fit:contain;width:100%;height:100%;padding:15px}.placeholder-art{color:#557797;flex-direction:column;align-items:center;gap:10px;display:flex}.placeholder-art span{letter-spacing:1.5px;color:#617f9c;font:9px DM Mono}.status-chip{color:#a9c2da;background:#25374a;border-radius:4px;padding:5px 7px;font:9px DM Mono;position:absolute;top:10px;left:10px}.status-chip.backlog{color:#e7bd77;background:#3b3020}.status-chip.built{color:#80d4ae;background:#1c3b32}.status-chip.wishlist{color:#c0a9f2;background:#302744}.product-info{padding:13px}.product-line{color:#6faee0;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;font:9px DM Mono;overflow:hidden}.product-info h3{color:#e7edf5;margin:6px 0;font:600 15px Space Grotesk}.product-meta,.product-series{color:#8194aa;font-size:10px;line-height:1.5}.product-series{color:#657b95;margin-top:3px}.product-actions{border-top:1px solid #263447;align-items:center;gap:8px;margin-top:13px;padding-top:10px;display:flex}.product-actions button{color:#84b8e3;cursor:pointer;background:0 0;border:0;padding:3px 0;font:10px DM Sans}.product-actions select{max-width:120px;margin-left:auto}.product-actions .delete-button{color:#8b7180;padding:4px}.product-list{gap:9px;margin-top:18px;display:grid}.product-card.horizontal{align-items:stretch;display:flex}.horizontal .product-visual{flex:none;width:150px;height:125px}.horizontal .product-info{flex:1}.empty-state{text-align:center;border:1px dashed #34465b;border-radius:9px;flex-direction:column;align-items:center;margin-top:19px;padding:55px 20px;display:flex}.empty-icon{color:#6ba9dc;background:#17283a;border:1px solid #314a64;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.empty-state h3{margin:16px 0 5px;font:600 19px Space Grotesk}.empty-state p{color:#8396ad;margin:0 0 17px;font-size:11px}.notice{color:#9fe0c2;background:#1d382f;border:1px solid #32634f;border-radius:6px;justify-content:space-between;margin-top:12px;padding:9px 12px;font-size:11px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;background:#050a10c9;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:#121e2c;border:1px solid #35485e;border-radius:11px;width:min(580px,100%);max-height:94vh;padding:22px;overflow:auto;box-shadow:0 20px 90px #0009}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-head h2{margin:6px 0 0;font:600 23px Space Grotesk}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{color:#9bacc0;flex-direction:column;gap:6px;font-size:10px;display:flex}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea{color:#e7edf5;background:#0d1723;border:1px solid #2c3c50;border-radius:5px;outline:none;width:100%;padding:10px;font:11px DM Sans}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#559bd3}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#5e7188}.form-grid select option{background:#152235}.form-grid textarea{resize:vertical}.modal-actions{border-top:1px solid #2b394b;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;display:flex}@media (width<=1100px){.main-content{padding:0 25px 20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{padding:35px}.hero-art{width:230px;margin-right:0}.overview-bottom{grid-template-columns:1fr}.quick-panel{min-height:170px}}@media (width<=760px){.sidebar{width:65px;padding:20px 9px}.brand{padding:0 4px 30px}.brand>div:last-child,.side-label,.line-list,.sidebar-bottom{display:none}.brand-mark{width:40px;height:40px}.nav-item{justify-content:center;padding:12px 0;font-size:0}.nav-item svg{width:19px;height:19px}.main-content{padding:0 15px 18px}.topbar{height:65px}.breadcrumb{font-size:8px}.top-actions{gap:5px}.icon-button{width:31px;height:31px}.add-button{padding:9px 10px;font-size:10px}.welcome{min-height:280px;padding:28px 23px}.welcome h1{font-size:35px}.welcome p{max-width:330px}.hero-art{opacity:.22;position:absolute;right:-85px}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-lines{grid-template-columns:1fr}.page-heading{padding:30px 0 18px}.page-heading h1{font-size:30px}.filter-bar{flex-wrap:wrap}.search-wrap{flex-basis:100%;padding:7px 5px 11px}.select-wrap{border-left:0;flex:1;padding:7px 2px}.select-wrap select{width:100%;max-width:100%;font-size:9px}.view-toggle{margin-left:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-visual{height:140px}.product-info{padding:10px}.product-info h3{font-size:13px}.product-actions{gap:5px}.product-actions select{max-width:90px;font-size:9px}.footer{font-size:7px}.horizontal .product-visual{width:110px;height:115px}.modal{padding:17px}.form-grid{gap:10px}}@media (width<=430px){.product-grid{grid-template-columns:1fr}.product-visual{height:190px}.welcome{padding:25px 20px}.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card>strong{font-size:26px}.top-actions .icon-button{display:none}}.auth-modal .muted{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.6}.auth-error{color:#ff9d9d;margin:0;font-size:13px}.auth-modal{max-width:480px}
