:root{--bg:#09090d;--p:#121218;--p2:#191922;--t:#f7f7fa;--m:#9696a2;--a:#34d399;--a2:#10b981;--g:#4fda92;--r:#ff6574;--y:#f4c84c;--b:#292933}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--t);font-family:system-ui,-apple-system,sans-serif}.hidden{display:none!important}.bg{position:fixed;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.14}.b1{width:280px;height:280px;background:var(--a);left:-120px;top:-100px;animation:f1 12s ease-in-out infinite alternate}.b2{width:240px;height:240px;background:#047857;right:-100px;bottom:8%;animation:f2 15s ease-in-out infinite alternate}@keyframes f1{to{transform:translate(70px,100px) scale(1.15)}}@keyframes f2{to{transform:translate(-50px,-70px) scale(1.2)}}button,input,select,textarea{font:inherit}.screen{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{width:min(430px,100%);text-align:center}.logo{width:70px;height:70px;border-radius:23px;background:linear-gradient(145deg,#bbf7d0,var(--a2));display:grid;place-items:center;margin:0 auto 15px;font-weight:900;font-size:22px;animation:float 2s ease-in-out infinite}.panel h1{margin:0;font-size:30px}.panel h1 span,header b span{color:#86efac}.panel p,small{color:var(--m)}.card,.hero,.chart{background:linear-gradient(145deg,var(--p),#101015);border:1px solid var(--b);border-radius:22px;padding:15px;box-shadow:0 16px 45px rgba(0,0,0,.25);animation:rise .3s ease both}.card label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:11px;color:var(--m);margin-bottom:11px}input,select,textarea{width:100%;min-height:47px;padding:12px;border-radius:14px;border:1px solid var(--b);background:var(--p2);color:var(--t);outline:none}textarea{min-height:80px}input:focus,select:focus,textarea:focus{border-color:#6ee7b7;box-shadow:0 0 0 4px rgba(52,211,153,.10)}button{border:0;border-radius:14px;padding:12px 14px;background:linear-gradient(145deg,var(--a),var(--a2));color:white;font-weight:800;transition:.14s ease}button:active{transform:scale(.96)}button.secondary{background:var(--p2);border:1px solid var(--b);color:var(--t);margin-top:8px}.app{max-width:780px;margin:0 auto;padding-bottom:100px}header{position:sticky;top:0;z-index:20;padding:18px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--bg) 78%,transparent)}header>b,header div>b{font-size:20px}header div:first-child{display:flex;flex-direction:column}.icon{width:42px;height:42px;padding:0;background:var(--p);border:1px solid var(--b)}main{padding:0 16px 30px;animation:rise .25s ease}.hero{padding:20px}.hero h1{font-size:34px;margin:6px 0}.grid{display:grid;gap:10px}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.metric{font-size:22px;font-weight:900}.label{font-size:10px;color:var(--m);margin-bottom:6px}.section{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 10px}.section h2{font-size:17px;margin:0}.list{display:flex;flex-direction:column;gap:9px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--p);border:1px solid var(--b);border-radius:18px;padding:12px;animation:left .28s ease both}.title{font-weight:850}.sub{font-size:11px;color:var(--m);margin-top:4px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;background:var(--p2);border:1px solid var(--b)}.green{color:var(--g)}.red{color:var(--r)}.yellow{color:var(--y)}.purple{color:#86efac}.progress{height:9px;background:var(--p2);border-radius:999px;overflow:hidden;border:1px solid var(--b)}.progress span{display:block;height:100%;background:linear-gradient(90deg,#bbf7d0,var(--a2));transform-origin:left;animation:grow .6s ease}.tabs{display:flex;gap:7px;overflow:auto}.tabs button{white-space:nowrap;background:var(--p);border:1px solid var(--b);color:var(--m);padding:9px 12px;border-radius:999px;font-size:11px}.tabs button.active{background:var(--a);color:#fff}.bars{height:150px;display:flex;align-items:flex-end;gap:9px}.baritem{flex:1;text-align:center}.bar{width:100%;max-width:36px;margin:auto;background:linear-gradient(#bbf7d0,var(--a2));border-radius:10px 10px 4px 4px;transform-origin:bottom;animation:bar .6s ease}.baritem small{font-size:9px}.more{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.more button{min-height:105px;text-align:left;background:var(--p);border:1px solid var(--b)}nav{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;width:min(calc(100% - 22px),758px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;background:rgba(15,15,20,.92);backdrop-filter:blur(22px);border:1px solid var(--b);border-radius:24px}nav button{background:transparent;color:var(--m);padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:3px}nav button.active{background:rgba(52,211,153,.14);color:#fff}nav small{font-size:9px}.shade{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--bg);border:1px solid var(--b);border-radius:28px 28px 0 0;padding:16px;animation:sheet .22s ease}.sheethead{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-16px;background:rgba(9,9,13,.95);padding:18px 0 10px}.sheethead h3{margin:0}.x{width:40px;height:40px;padding:0;background:var(--p);border:1px solid var(--b)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:11px}.field label{font-size:11px;color:var(--m)}.inline{display:flex;gap:9px}.inline>*{flex:1}.notice{padding:12px;border-radius:14px;background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.23);font-size:12px;margin-bottom:12px}.empty{text-align:center;padding:25px;border:1px dashed var(--b);border-radius:18px;color:var(--m)}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes left{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bar{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes sheet{from{opacity:.4;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-5px)}}@media(max-width:600px){.g4{grid-template-columns:repeat(2,1fr)}}
.product-photo-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center}
.product-photo{width:58px;height:58px;border-radius:16px;background:var(--p2);border:1px solid var(--b);display:grid;place-items:center;font-size:27px;overflow:hidden;animation:float 4.6s ease-in-out infinite}
.product-photo img{width:100%;height:100%;object-fit:cover;animation:rise .35s ease both}

.finance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.finance-strip div{background:rgba(255,255,255,.035);border:1px solid var(--b);border-radius:15px;padding:10px;display:flex;flex-direction:column;gap:4px}
.finance-strip span{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:.04em}
.finance-strip b{font-size:13px}
@media(max-width:390px){.finance-strip{grid-template-columns:1fr}.finance-strip div{flex-direction:row;justify-content:space-between;align-items:center}}

.important-title{margin-top:26px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.11em;color:#6ee7b7;margin-bottom:4px}.top-products{background:linear-gradient(145deg,rgba(52,211,153,.08),var(--p));border:1px solid rgba(52,211,153,.22);border-radius:22px;padding:8px}.top-product{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--b);animation:left .3s ease both}.top-product:last-child{border-bottom:0}.rank{width:32px;height:32px;border-radius:11px;background:rgba(52,211,153,.12);color:#86efac;display:grid;place-items:center;font-weight:950}.top-info{min-width:0}.top-info .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-info .progress{height:5px;margin-top:7px}

.inv-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.mini{min-height:auto;padding:7px 10px;border-radius:10px;background:var(--p2);border:1px solid var(--b);font-size:10px}
.mini.danger{color:#ff8290;border-color:rgba(255,101,116,.3);background:rgba(255,101,116,.06)}

.base-tree-card{background:linear-gradient(145deg,var(--p),#101715);border:1px solid rgba(52,211,153,.20);border-radius:22px;padding:14px;animation:rise .32s ease both}
.base-tree-head{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center}
.base-thumb{width:58px;height:58px;border-radius:17px;background:var(--p2);border:1px solid var(--b);display:grid;place-items:center;font-size:28px;overflow:hidden}
.base-thumb img{width:100%;height:100%;object-fit:cover}.base-info{min-width:0}.base-total{text-align:right;display:flex;flex-direction:column}.base-total b{font-size:22px}.base-total small{font-size:9px}
.blank-variants{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.blank-chip{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:12px;background:rgba(52,211,153,.06);border:1px solid rgba(52,211,153,.14);font-size:10px}.blank-chip .mini{padding:4px 7px}
.branch-line{height:18px;width:2px;background:linear-gradient(rgba(52,211,153,.4),rgba(52,211,153,.08));margin:7px 0 0 28px}.branch-head{display:flex;justify-content:space-between;align-items:center;margin:3px 0 9px;padding-left:12px}.branches{display:flex;flex-direction:column;gap:7px;padding-left:12px;border-left:2px solid rgba(52,211,153,.12)}.branch-card{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;background:var(--p2);border:1px solid var(--b);border-radius:15px;padding:10px;animation:left .3s ease both}.branch-icon{width:36px;height:36px;border-radius:12px;background:rgba(52,211,153,.09);display:grid;place-items:center;font-size:19px}.branch-main{min-width:0}.branch-stock{display:flex;flex-direction:column;text-align:right}.branch-stock b{font-size:18px}.branch-stock small{font-size:9px;color:var(--m)}.branch-empty{padding:13px;border:1px dashed var(--b);border-radius:14px;color:var(--m);font-size:11px}.base-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}

.base-grid{display:grid;gap:10px}.base-tile{display:grid;grid-template-columns:70px 1fr 24px;align-items:center;gap:12px;text-align:left;background:linear-gradient(145deg,var(--p),#101715);border:1px solid rgba(52,211,153,.18);padding:11px}.base-cover{width:70px;height:70px;border-radius:18px;background:var(--p2);border:1px solid var(--b);display:grid;place-items:center;font-size:30px;overflow:hidden}.base-cover.big{width:82px;height:82px}.base-cover img,.design-photo img{width:100%;height:100%;object-fit:cover}.base-tile-body{min-width:0}.chev{font-size:30px;color:#6ee7b7;font-weight:300}.base-detail-hero{display:flex;align-items:center;gap:13px;background:linear-gradient(145deg,rgba(52,211,153,.08),var(--p));border:1px solid rgba(52,211,153,.18);border-radius:20px;padding:12px}.size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.size-card{min-width:0;padding:12px 3px;background:var(--p);border:1px solid var(--b);display:flex;flex-direction:column;align-items:center}.size-card span{font-weight:950;font-size:17px}.size-card b{font-size:20px;color:#86efac;margin-top:5px}.size-card small{font-size:8px}.size-card em{font-style:normal;font-size:8px;color:var(--m);margin-top:5px}.size-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.size-summary>div{background:var(--p);border:1px solid var(--b);border-radius:15px;padding:11px;text-align:center;display:flex;flex-direction:column}.size-summary span,.size-summary b{font-size:23px;font-weight:950;color:#86efac}.size-summary small{font-size:8px}.stock-edit{display:flex;align-items:center;gap:6px}.design-list{display:flex;flex-direction:column;gap:8px}.design-row{display:grid;grid-template-columns:52px 1fr auto 18px;gap:9px;align-items:center;text-align:left;background:var(--p);border:1px solid var(--b);padding:9px}.design-photo{width:52px;height:52px;border-radius:15px;background:rgba(52,211,153,.08);display:grid;place-items:center;font-size:23px;overflow:hidden}.design-photo.big{width:68px;height:68px}.design-info{min-width:0}.design-count{display:flex;flex-direction:column;text-align:right}.design-count b{font-size:20px;color:#86efac}.design-count small{font-size:8px}.design-edit-hero{display:flex;align-items:center;gap:12px;margin-bottom:13px}.danger-text{color:#ff8290!important;border-color:rgba(255,101,116,.3)!important}
@media(max-width:390px){.size-grid{gap:4px}.size-card{padding:10px 2px}.size-card span{font-size:14px}.size-card b{font-size:17px}}