*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;overflow-y:scroll;scrollbar-gutter:stable}body,html{background:#050d1a;margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Inter,sans-serif;min-height:100vh}#root{width:100%}:root{--bg-dark:#3e3e4a;--bg-node:#d9d9d9;--accent:#2c2c34;--text-light:#fff;--border-subtle:#ffffff17;--indigo:#6366f12e;--indigo-text:#a5b4fc;--indigo-border:#6366f159;--green:#10b98126;--green-text:#6ee7b7;--green-border:#10b9814d;--red:#ef44442e;--red-text:#fca5a5;--red-border:#ef444459}.primary-btn{background:#2c2c34;background:var(--accent);border:1px solid #555;color:#fff;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px;transition:background .15s;width:100%}.primary-btn:hover{background:#3a3a44}.back-btn{align-items:center;background:#0000;border:1.5px solid;border-radius:6px;color:#fff;color:var(--text-light);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.03em;padding:8px 16px;transition:background .15s}.back-btn:hover{background:#ffffff14}.add-btn{background:#4a4a55;border:1px solid #666;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .15s}.add-btn:hover{background:#5a5a66}.logout-btn{background:#0000;border:1px solid #555;color:#fff;cursor:pointer;padding:8px 16px;transition:background .15s}.logout-btn:hover{background:#ffffff14}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.auth-container--wide{align-items:flex-start;overflow-y:auto;padding:40px 16px}.auth-card{background:#2c2c34;background:var(--accent);display:flex;flex-direction:column;gap:14px;max-width:380px;padding:40px;width:100%}.auth-card--register{max-width:640px}.auth-card h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.auth-card input{background:#ffffff0f;border:1px solid #555;color:#fff;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .15s}.auth-card input:focus{border-color:#a5b4fc;border-color:var(--indigo-text)}.auth-card p{font-size:.85rem;margin:4px 0 0;opacity:.6;text-align:center}.auth-card p span{color:#a5b4fc;color:var(--indigo-text);cursor:pointer;opacity:1;text-decoration:underline}.reg-subtitle{font-size:.88rem;margin:-8px 0 4px;opacity:.5;text-align:center}.reg-fieldset{border:1px solid #ffffff17;border:1px solid var(--border-subtle);border-radius:10px;margin:0;padding:16px 18px 18px}.reg-fieldset legend{font-size:.72rem;font-weight:700;letter-spacing:.09em;opacity:.45;padding:0 6px;text-transform:uppercase}.reg-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.reg-full{grid-column:1/-1}@media (max-width:480px){.reg-grid{grid-template-columns:1fr}.reg-full{grid-column:1}}.store-header{align-items:flex-start;background:#2c2c34;background:var(--accent);display:flex;justify-content:space-between;padding:20px 40px}.header-left h1{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;margin:0}.header-btns{align-items:center;display:flex;gap:10px;padding-top:4px}.view-toggle{display:flex;gap:10px;margin-top:12px}.view-toggle button{background:#2c2c34;background:var(--accent);border:1px solid #555;color:#fff;cursor:pointer;font-size:.82rem;padding:6px 14px;transition:background .15s}.view-toggle button.active{background:#4a4a55}.product-form-overlay{background:#2c2c34;background:var(--accent);border-bottom:1px solid #555;display:flex;flex-direction:column;gap:12px;padding:24px 40px}.product-form-overlay h3{font-size:1rem;font-weight:700;margin:0 0 4px}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.form-grid input,.product-form-overlay textarea{background:#ffffff0f;border:1px solid #555;color:#fff;font-size:.88rem;outline:none;padding:8px 10px;transition:border-color .15s}.form-grid input:focus,.product-form-overlay textarea:focus{border-color:#a5b4fc;border-color:var(--indigo-text)}.product-form-overlay textarea{font-family:inherit;min-height:80px;resize:vertical}.tree-viewport{overflow-x:auto;padding:40px;width:100%}.tree-container{background-image:radial-gradient(#fff3 1px,#0000 0);background-size:20px 20px;border:1px solid #fff3;display:flex;flex-direction:column;gap:100px;min-width:1200px;padding:50px}.family-row{position:relative}.family-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:16px;opacity:.4;text-transform:uppercase}.nodes-container{align-items:center;display:grid;grid-template-columns:repeat(5,250px);position:relative}.tree-node{cursor:pointer;position:relative;z-index:2}.tree-node:focus-visible .node-box{outline:2px solid #6366f159;outline:2px solid var(--indigo-border);outline-offset:2px}.node-box{background:#d9d9d9;background:var(--bg-node);border:4px solid #2c2c34;border:4px solid var(--accent);display:flex;flex-direction:column;height:180px;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s;width:150px}.tree-node:hover .node-box{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.node-main-content{align-items:flex-end;display:flex;flex:1 1}.node-footer{background:#2c2c34;background:var(--accent);padding:6px 8px;width:100%}.node-name{color:#fff;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-price-display{background:#1a1a22;padding:4px 8px}.node-price-display .amount{color:#fff;display:block;font-size:1rem;font-weight:600;text-align:center}.tree-line{background:#fff;height:2px;left:150px;position:absolute;top:50%;width:100px;z-index:1}.popular-sash{background:#ff3b3b;color:#fff;font-size:.6rem;font-weight:700;padding:2px 30px;position:absolute;right:-25px;top:15px;transform:rotate(45deg);z-index:3}.product-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:32px 40px}.product-card{background:#2c2c34;background:var(--accent);border:1px solid #555;cursor:pointer;padding:20px;transition:background .15s,transform .15s}.product-card:hover{background:#3a3a44;transform:translateY(-2px)}.product-card:focus-visible{outline:2px solid #6366f159;outline:2px solid var(--indigo-border);outline-offset:2px}.product-card h3{font-size:.95rem;font-weight:700;margin:0 0 8px}.product-card p{font-size:.88rem;margin:0;opacity:.6}.detail-page{animation:fadeSlideUp .25s ease both;margin:0 auto;max-width:1100px;padding:24px 32px 48px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.detail-topbar{margin-bottom:32px}.detail-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 340px}@media (max-width:768px){.detail-layout{grid-template-columns:1fr}}.detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{border-radius:20px;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.badge-family{background:#6366f12e;background:var(--indigo);border:1px solid #6366f159;border:1px solid var(--indigo-border);color:#a5b4fc;color:var(--indigo-text)}.badge-brand{background:#10b98126;background:var(--green);border:1px solid #10b9814d;border:1px solid var(--green-border);color:#6ee7b7;color:var(--green-text)}.badge-sale{background:#ef44442e;background:var(--red);border:1px solid #ef444459;border:1px solid var(--red-border);color:#fca5a5;color:var(--red-text)}.detail-name{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 6px}.detail-id{font-family:monospace;font-size:.78rem;letter-spacing:.04em;margin:0 0 24px;opacity:.45}.detail-price-block{align-items:baseline;display:flex;gap:12px;margin-bottom:28px}.detail-price-final{font-size:2.2rem;font-weight:800;letter-spacing:-.03em}.detail-price-original{font-size:1.3rem;opacity:.45;text-decoration:line-through}.detail-discount-label{background:#ef44442e;background:var(--red);border-radius:4px;color:#fca5a5;color:var(--red-text);font-size:.78rem;font-weight:700;padding:2px 8px}.detail-description{font-size:.98rem;line-height:1.7;max-width:580px;opacity:.75}.detail-meta-panel{background:#ffffff0a;border:1px solid #ffffff17;border:1px solid var(--border-subtle);border-radius:14px;padding:24px}.detail-meta-heading{font-size:.78rem;font-weight:700;letter-spacing:.1em;margin:0 0 20px;opacity:.45;text-transform:uppercase}.detail-meta-list{display:flex;flex-direction:column;margin:0;padding:0}.meta-row{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.meta-row:last-child{border-bottom:none}.meta-row dt{flex-shrink:0;font-size:.82rem;font-weight:500;opacity:.5}.meta-row dd{font-size:.88rem;font-weight:600;margin:0;text-align:right;word-break:break-all}.tier-pip{background:#6366f12e;background:var(--indigo);border:1.5px solid #6366f159;border:1.5px solid var(--indigo-border);border-radius:50%;color:#a5b4fc;color:var(--indigo-text);display:inline-flex;font-size:.82rem;font-weight:800;height:26px;width:26px}.detail-state,.tier-pip{align-items:center;justify-content:center}.detail-state{display:flex;flex-direction:column;gap:16px;min-height:300px;opacity:.7}.detail-spinner{animation:spin .7s linear infinite;border:3px solid #ffffff1f;border-radius:50%;border-top-color:#fff9;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.detail-error{color:#fca5a5;color:var(--red-text);font-weight:600}
/*# sourceMappingURL=main.f405432e.css.map*/