@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&family=Exo+2:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;700;800;900&family=Instrument+Serif:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700;800;900&family=Exo+2:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;700;800;900&display=swap);.save-btn{animation:rotateGradient 4s linear infinite;background:repeating-conic-gradient(from var(--angle),#667eea,#764ba2,#667eea 10%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 15px #764ba24d;color:#da3e3e!important;cursor:pointer;font-weight:700!important;padding:10px 25px!important;text-transform:none!important;transition:transform .2s ease}.save-btn:hover{filter:brightness(1.1);transform:scale(1.05)}@keyframes rotateGradient{to{--angle:360deg}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{left:0;position:absolute;top:0;width:100%}body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{left:0;position:absolute;top:0}}:root{--cyan:#00f5ff;--pink:#ff2d78;--purple:#9b59ff;--dark:#0d0d12;--dark2:#13131f;--dark3:#1a1a2e;--card:#16162a;--font-head:"Orbitron",monospace;--font-body:"Exo 2",sans-serif}.lg-root{align-items:center;background:#0d0d12;background:var(--dark);display:flex;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.lg-bg{background:linear-gradient(180deg,#0d0d12,#13131f 50%,#0d0d12);inset:0;position:fixed;z-index:0}.lg-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00f5ff0a 1px,#0000 0),linear-gradient(90deg,#00f5ff0a 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.lg-corner{pointer-events:none;position:fixed;z-index:1}.lg-corner-tl{background:linear-gradient(90deg,#ff2d78,#0000);background:linear-gradient(90deg,var(--pink),#0000);height:3px;top:0;width:180px}.lg-corner-bl,.lg-corner-tl{animation:cornerGlow 3s ease-in-out infinite alternate;box-shadow:0 0 20px #ff2d78;box-shadow:0 0 20px var(--pink);left:0}.lg-corner-bl{background:linear-gradient(0deg,#ff2d78,#0000);background:linear-gradient(0deg,var(--pink),#0000);bottom:0;height:180px;width:3px}.lg-corner-tr{background:linear-gradient(270deg,#00f5ff,#0000);background:linear-gradient(270deg,var(--cyan),#0000);height:3px;top:0;width:180px}.lg-corner-br,.lg-corner-tr{animation:cornerGlow 3s ease-in-out 1.5s infinite alternate;box-shadow:0 0 20px #00f5ff;box-shadow:0 0 20px var(--cyan);right:0}.lg-corner-br{background:linear-gradient(180deg,#00f5ff,#0000);background:linear-gradient(180deg,var(--cyan),#0000);bottom:0;height:180px;width:3px}@keyframes cornerGlow{0%{opacity:.5}to{opacity:1}}.lg-orb{animation:orbFloat ease-in-out infinite alternate;border-radius:50%;filter:blur(100px);opacity:.2;position:fixed;z-index:0}.lg-orb-1{animation-duration:8s;background:#00f5ff;background:var(--cyan);height:400px;left:-100px;top:-100px;width:400px}.lg-orb-2{animation-duration:10s;background:#ff2d78;background:var(--pink);bottom:-80px;height:350px;right:-80px;width:350px}.lg-orb-3{animation-delay:2s;animation-duration:7s;background:#9b59ff;background:var(--purple);height:250px;left:50%;top:50%;width:250px}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(1.1)}}.lg-scanline{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 0,#0000000d 4px);inset:0;pointer-events:none;position:fixed;z-index:1}.lg-card{animation:cardAppear .8s cubic-bezier(.34,1.56,.64,1) both;background:#16162a;background:var(--card);border:1px solid #00f5ff1f;border-radius:20px;box-shadow:0 0 0 1px #00f5ff0d,0 32px 80px #0009,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:44px 40px 36px;position:relative;width:380px;z-index:10}.lg-card:before{animation:rotateBorder 4s linear infinite;background:linear-gradient(0deg,#00f5ff,#ff2d78,#9b59ff,#00f5ff);background:linear-gradient(var(--angle,0deg),var(--cyan),var(--pink),var(--purple),var(--cyan));border-radius:21px;inset:-1px;opacity:.6}.lg-card:after,.lg-card:before{content:"";position:absolute;z-index:-1}.lg-card:after{background:#16162a;background:var(--card);border-radius:20px;inset:1px}@keyframes cardAppear{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.lg-card-glow{background:radial-gradient(ellipse,#00f5ff26,#0000 70%);height:100px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:200px}.lg-title-wrap{animation:fadeDown .6s ease .2s both;margin-bottom:32px;text-align:center}.lg-icon-wrap{align-items:center;animation:iconPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#00f5ff26,#ff2d7826);border:1.5px solid #00f5ff4d;border-radius:16px;box-shadow:0 0 20px #00f5ff33,inset 0 0 20px #00f5ff0d;display:inline-flex;font-size:26px;height:56px;justify-content:center;margin-bottom:14px;width:56px}@keyframes iconPulse{0%,to{box-shadow:0 0 20px #00f5ff33,inset 0 0 20px #00f5ff0d}50%{box-shadow:0 0 35px #00f5ff66,inset 0 0 30px #00f5ff1a}}.lg-title{color:#fff;display:inline-block;font-family:Orbitron,monospace;font-family:var(--font-head);font-size:22px;font-weight:700;letter-spacing:4px;position:relative;text-transform:uppercase}.lg-title-dot{animation:dotBlink 1.5s ease-in-out infinite;background:#00f5ff;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px #00f5ff;box-shadow:0 0 10px var(--cyan);display:inline-block;height:7px;margin:0 6px;vertical-align:middle;width:7px}.lg-title-dot.pink{animation-delay:.75s;background:#ff2d78;background:var(--pink);box-shadow:0 0 10px #ff2d78;box-shadow:0 0 10px var(--pink)}.lg-tabs{animation:fadeUp .6s ease .25s both;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:flex;margin-bottom:24px;padding:3px}.lg-tab{background:#0000;border:none;border-radius:7px;color:#ffffff4d;cursor:pointer;flex:1 1;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.5px;padding:9px;position:relative;transition:color .3s;z-index:1}.lg-tab.active{color:#0d0d12;color:var(--dark)}.lg-tab-slide{background:linear-gradient(135deg,#00f5ff,#9b59ff);background:linear-gradient(135deg,var(--cyan),var(--purple));border-radius:7px;box-shadow:0 0 20px #00f5ff66;height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:calc(50% - 3px)}.lg-tab-slide.right{transform:translateX(100%)}.lg-pane{animation:paneIn .35s ease both}@keyframes paneIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.lg-form{display:flex;flex-direction:column;gap:16px}.lg-two-col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.lg-field{display:flex;flex-direction:column;gap:6px}.lg-label{color:#ffffff4d;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.lg-field-wrap{align-items:center;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:10px;display:flex;overflow:hidden;position:relative;transition:all .3s}.lg-field-wrap:focus-within{background:#00f5ff0a;border-color:#00f5ff;border-color:var(--cyan);box-shadow:0 0 0 3px #00f5ff1a,0 0 20px #00f5ff1a}.lg-field-wrap:after{background:linear-gradient(90deg,#00f5ff,#9b59ff);background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px;bottom:0;box-shadow:0 0 10px #00f5ff;box-shadow:0 0 10px var(--cyan);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.lg-field-wrap:focus-within:after{width:100%}.lg-field-icon{flex-shrink:0;font-size:15px;opacity:.5;padding:0 13px;transition:opacity .3s}.lg-field-wrap:focus-within .lg-field-icon{opacity:1}.lg-inp{background:#0000;border:none;color:#fff;flex:1 1;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:400;outline:none;padding:14px 0}.lg-inp::placeholder{color:#fff3;font-size:13px}.lg-sel{color:#fff;cursor:pointer;padding-right:12px}.lg-sel option{background:#1a1a2e;color:#fff}.lg-eye-btn{background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;opacity:.3;padding:0 12px;transition:opacity .2s}.lg-eye-btn:hover{opacity:1}.lg-hint{background:#00f5ff0f;border:1px solid #00f5ff26;border-radius:8px;color:#ffffff80;font-size:12px;letter-spacing:.3px;margin-bottom:4px;padding:10px 14px}.lg-hint strong{color:#00f5ff;color:var(--cyan)}.lg-notice{animation:noticeIn .3s ease;border-radius:8px;font-size:13px;font-weight:600;padding:10px 14px}.lg-notice-error{background:#ff2d781a;border:1px solid #ff2d7840;color:#ff8aab}.lg-notice-success{background:#00f5ff1a;border:1px solid #00f5ff40;color:#00f5ff;color:var(--cyan)}@keyframes noticeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lg-check-row{align-items:center;color:#ffffff4d;cursor:pointer;display:flex;font-size:12px;gap:7px}.lg-check-row input{accent-color:#00f5ff;accent-color:var(--cyan)}.lg-submit{background:#0000;border:none;border-radius:10px;color:#0d0d12;color:var(--dark);cursor:pointer;font-family:Orbitron,monospace;font-family:var(--font-head);font-size:14px;font-weight:700;letter-spacing:2px;margin-top:4px;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s;width:100%;z-index:0}.lg-submit:before{animation:btnGradient 3s linear infinite;background:linear-gradient(135deg,#00f5ff,#9b59ff 50%,#ff2d78);background:linear-gradient(135deg,var(--cyan) 0,var(--purple) 50%,var(--pink) 100%);background-size:200% auto;content:"";inset:0;position:absolute;transition:opacity .3s;z-index:-1}@keyframes btnGradient{0%{background-position:0}to{background-position:200%}}.lg-submit:after{background:linear-gradient(135deg,#00f5ff,#9b59ff);background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 30px #00f5ff80,0 0 60px #00f5ff33;content:"";inset:0;position:absolute;z-index:-2}.lg-submit:hover:not(:disabled){box-shadow:0 8px 30px #00f5ff66,0 0 60px #9b59ff4d;transform:translateY(-2px)}.lg-submit:active:not(:disabled){transform:scale(.98)}.lg-submit:disabled{cursor:not-allowed;opacity:.5}.lg-submit-shine{animation:shine 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:50%;z-index:1}@keyframes shine{0%{left:-100%}35%,to{left:160%}}.lg-submit-arrow,.lg-submit-text{position:relative;z-index:2}.lg-submit-arrow{font-size:16px;transition:transform .2s}.lg-submit:hover .lg-submit-arrow{transform:translateX(5px)}.lg-spinner{animation:spin .65s linear infinite;border:2px solid #0003;border-radius:50%;border-top:2px solid var(--dark);height:15px;position:relative;width:15px;z-index:2}@keyframes spin{to{transform:rotate(1turn)}}.lg-bottom-row{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.lg-forgot{background:none;border:none;color:#ffffff4d;cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.3px;transition:color .2s}.lg-forgot:hover{color:#00f5ff;color:var(--cyan)}.lg-switch-text{color:#ffffff4d;font-size:12px}.lg-text-btn{background:none;border:none;color:#ff2d78;color:var(--pink);cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:700;text-shadow:0 0 10px #ff2d7880;transition:all .2s}.lg-text-btn:hover{color:#fff;text-shadow:0 0 15px #ff2d78;text-shadow:0 0 15px var(--pink)}@keyframes dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.lg-card-footer{color:#ffffff1a;font-family:Orbitron,monospace;font-family:var(--font-head);font-size:10px;letter-spacing:1px;margin-top:20px;text-align:center;text-transform:uppercase}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.lg-card{padding:36px 28px 28px;width:340px}.lg-two-col{grid-template-columns:1fr}}:root{--ink-2:#374151;--ink-3:#9ca3af;--border:#f0f0f0;--bg:#f8f9fb;--font:"Plus Jakarta Sans",sans-serif}.db-root{display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);gap:24px;max-width:1200px}.db-topbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.db-greeting-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:30px;color:#15803d;display:inline-flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.db-greeting-dot{animation:livePulse 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.db-title{color:#0f0f0f;color:var(--ink);font-size:28px;font-weight:900;letter-spacing:-.8px;margin:0 0 4px}.db-wave{animation:wave 2s ease-in-out infinite;display:inline-block}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.db-sub{color:#9ca3af;color:var(--ink-3);font-size:14px;margin:0}.db-range-tabs{background:#f0f0f0;border-radius:12px;display:flex;gap:4px;padding:4px}.db-range-btn{background:#0000;border:none;border-radius:9px;color:#888;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:8px 18px;transition:all .2s}.db-range-btn.active{background:#fff;background:var(--white);box-shadow:0 1px 4px #00000014;color:#0f0f0f;color:var(--ink)}.db-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.db-stat-card{background:#fff;background:var(--white);border:1.5px solid #f0f0f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius);cursor:default;overflow:hidden;padding:18px 18px 12px;position:relative;transition:all .25s}.db-stat-card:hover{border-color:#f5c842;border-color:var(--card-color,#f5c842);box-shadow:0 8px 28px #00000012;transform:translateY(-3px)}.db-stat-accent{background:#f5c842;background:var(--card-color,#f5c842);border-radius:16px 16px 0 0;border-radius:var(--radius) var(--radius) 0 0;height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.db-stat-card:hover .db-stat-accent{transform:scaleX(1)}.db-stat-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.db-stat-icon-wrap{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.db-stat-icon{font-size:18px}.db-stat-change{border-radius:20px;font-size:11px;font-weight:700;padding:3px 8px}.db-stat-change.up{background:#dcfce7;color:#15803d}.db-stat-change.down{background:#fee2e2;color:#dc2626}.db-stat-value{align-items:center;color:#0f0f0f;color:var(--ink);display:flex;font-size:22px;font-weight:900;letter-spacing:-.5px;min-height:32px}.db-stat-label{color:#9ca3af;color:var(--ink-3);font-size:12px;font-weight:600;margin-top:3px}.db-shimmer{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;display:block;height:24px;width:80px}.db-sparkline{display:block;height:28px;margin-top:10px;opacity:.7;width:100%}.db-chart-card{background:#fff;background:var(--white);border:1.5px solid #f0f0f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:24px;transition:box-shadow .2s}.db-chart-card:hover{box-shadow:0 4px 20px #0000000d}.db-chart-card.wide{grid-column:1/-1}.db-chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.db-chart-title{color:#0f0f0f;color:var(--ink);font-size:16px;font-weight:800;margin:0 0 3px}.db-chart-sub{color:#9ca3af;color:var(--ink-3);font-size:12px;margin:0}.db-chart-tabs{background:#f4f4f4;border-radius:10px;display:flex;gap:4px;padding:3px}.db-chart-tab{background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;padding:7px 14px;transition:all .2s}.db-chart-tab.active{background:#fff;background:var(--white);box-shadow:0 1px 4px #00000014;color:#0f0f0f;color:var(--ink)}.db-chart-legend{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.db-legend-pill{align-items:center;color:#555;display:flex;font-size:12px;font-weight:600;gap:6px}.db-legend-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.db-legend-dot.gold{background:#f5c842;background:var(--gold);box-shadow:0 0 6px #f5c84299}.db-legend-dot.green{background:#22c55e;box-shadow:0 0 6px #22c55e80}.db-legend-stat{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;color:#e6a800;color:var(--gold-2);font-size:12px;font-weight:700;margin-left:auto;padding:3px 10px}.db-candle-legend{display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:16px;margin-bottom:8px}.db-candle-bull{color:#15803d}.db-candle-bear{color:#dc2626}.db-candle-info{color:#aaa;margin-left:auto}.db-vol-label{color:#ccc;font-size:10px;font-weight:600;letter-spacing:.5px;margin:4px 0 2px 44px;text-transform:uppercase}.db-tooltip{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 16px #0000001a;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:12px;padding:10px 14px}.db-tooltip-label{color:#0f0f0f;color:var(--ink);font-weight:800;margin-bottom:6px}.db-tooltip-row{display:flex;font-weight:600;gap:10px;justify-content:space-between}.db-bottom-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.4fr 1fr}@media (max-width:900px){.db-bottom-row{grid-template-columns:1fr}.db-stats-grid{grid-template-columns:repeat(2,1fr)}}.db-qs-list{display:flex;flex-direction:column;gap:4px}.db-qs-row{align-items:center;background:#fafafa;border-radius:12px;display:flex;gap:12px;padding:11px 14px;transition:background .2s}.db-qs-row:hover{background:#fffbeb}.db-qs-icon{flex-shrink:0;font-size:20px;text-align:center;width:28px}.db-qs-info{flex:1 1}.db-qs-label{color:#0f0f0f;color:var(--ink);font-size:13px;font-weight:700}.db-qs-sub{color:#9ca3af;color:var(--ink-3);font-size:11px;margin-top:1px}.db-qs-value{color:#e6a800;color:var(--gold-2);font-size:14px;font-weight:900;white-space:nowrap}@media (max-width:768px){.db-root{gap:16px}.db-topbar{align-items:flex-start;flex-direction:column;gap:12px}.db-title{font-size:22px}.db-sub{font-size:12px}.db-range-tabs{width:100%}.db-range-btn{flex:1 1;font-size:11px;padding:8px 10px}.db-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.db-stat-card{padding:14px 14px 10px}.db-stat-value{font-size:18px}.db-stat-label{font-size:10px}.db-stat-icon{font-size:16px}.db-chart-card{padding:16px}.db-chart-title{font-size:14px}.db-chart-tabs{width:100%}.db-chart-tab{flex:1 1;font-size:11px;padding:7px 8px;text-align:center}.db-chart-legend{flex-wrap:wrap;gap:8px}.db-legend-stat{margin-left:0}.db-bottom-row{gap:16px;grid-template-columns:1fr}.db-candle-legend{flex-wrap:wrap;gap:8px}.db-candle-info{margin-left:0}}@media (max-width:400px){.db-stats-grid{grid-template-columns:1fr}}:root{--red:#ff4242;--radius:18px;--font:"Cabinet Grotesk",sans-serif}.pl-page{font-family:Cabinet Grotesk,sans-serif;font-family:var(--font);max-width:1200px;padding-bottom:60px}.pl-topbar{align-items:flex-start;border-bottom:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.pl-page-title{align-items:center;color:#0f0f0f;color:var(--ink);display:flex;font-size:32px;font-weight:900;gap:12px;letter-spacing:-1px;line-height:1}.pl-count-badge{background:#f5c842;background:var(--gold);border-radius:20px;color:#0f0f0f;color:var(--ink);font-size:13px;font-weight:800;padding:3px 10px}.pl-page-sub{color:#888;color:var(--ink-3);font-size:14px;margin-top:6px}.pl-topbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pl-search-wrap{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e8e8e8;border-radius:12px;display:flex;gap:8px;padding:10px 16px;transition:all .2s}.pl-search-wrap:focus-within{border-color:#f5c842;border-color:var(--gold);box-shadow:0 0 0 3px #f5c8421f}.pl-search-icon{color:#888;color:var(--ink-3);font-size:18px!important}.pl-search{background:#0000;border:none;color:#0f0f0f;color:var(--ink);font-family:Cabinet Grotesk,sans-serif;font-family:var(--font);font-size:14px;outline:none;width:200px}.pl-search::placeholder{color:#bbb}.pl-view-toggle{background:#fff;background:var(--white);border:1.5px solid #e8e8e8;border-radius:12px;display:flex;overflow:hidden}.pl-toggle-btn{align-items:center;background:#0000;border:none;color:#888;color:var(--ink-3);cursor:pointer;display:flex;padding:10px 14px;transition:all .2s}.pl-toggle-btn.on{background:#f5c842;background:var(--gold);color:#0f0f0f;color:var(--ink)}.pl-add-btn{align-items:center;background:#0f0f0f;background:var(--ink);border:none;border-radius:12px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Cabinet Grotesk,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;gap:6px;padding:11px 20px;transition:all .25s ease}.pl-add-btn:hover{background:#f5c842;background:var(--gold);box-shadow:0 6px 20px #f5c8424d;color:#0f0f0f;color:var(--ink);transform:translateY(-2px)}.pl-skeleton-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pl-skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%);background-size:200% 100%;border-radius:18px;border-radius:var(--radius);height:360px}.pl-empty{flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.pl-empty,.pl-empty-ring{align-items:center;display:flex;justify-content:center}.pl-empty-ring{animation:spin-slow 8s linear infinite;border:2px dashed #ddd;border-radius:50%;font-size:36px;height:90px;margin-bottom:8px;width:90px}@keyframes spin-slow{to{transform:rotate(1turn)}}.pl-empty h2{font-size:20px;font-weight:800}.pl-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-top:10px}.pl-card{background:#fff;background:var(--white);border:1.5px solid #efefef;border-radius:18px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .3s,box-shadow .3s,transform .25s}.pl-card:hover{border-color:#0000;box-shadow:0 12px 40px #f5c8422e;transform:translateY(-3px)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.pl-card:before{background:conic-gradient(from var(--angle),#f5c842,#ff6b6b,#a855f7,#3b82f6,#22c55e,#f5c842);border-radius:20px;border-radius:calc(var(--radius) + 2px);content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.pl-card:hover:before{animation:rotateBorder 3s linear infinite;opacity:1}@keyframes rotateBorder{to{--angle:360deg}}.pl-card:after{background:#fff;background:var(--white);border-radius:17px;border-radius:calc(var(--radius) - 1px);content:"";inset:2px;position:absolute;z-index:1}.pl-card-body,.pl-card-img-wrap{position:relative;z-index:2}.pl-card-img-wrap{background:#f5f5f5;border-bottom:2.5px solid #0f0f0f;height:200px;overflow:hidden;position:relative}.pl-card-img-top-bar{background:#0f0f0f;background-size:200% auto;height:3px;left:0;position:absolute;right:0;top:0;transition:background .4s ease;z-index:5}.pl-card:hover .pl-card-img-top-bar{animation:topBarShift 2s linear infinite;background:linear-gradient(90deg,#f5c842,#ff6b6b,#a855f7,#3b82f6,#22c55e,#f5c842);background-size:200% auto}@keyframes topBarShift{0%{background-position:0}to{background-position:200%}}.pl-card-img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.pl-card:hover .pl-card-img{transform:scale(1.06)}.pl-card-img-shine{background:linear-gradient(90deg,#0000,#ffffff47,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%;z-index:3}.pl-card:hover .pl-card-img-shine{animation:shineSweep .65s ease forwards}@keyframes shineSweep{0%{left:-100%}to{left:160%}}.pl-low-stock-badge{background:#fff3cd;border:1px solid #ffc107;border-radius:20px;bottom:10px;color:#856404;font-size:11px;font-weight:700;left:10px;padding:3px 10px;position:absolute;z-index:4}.pl-card-overlay{display:flex;gap:8px;opacity:0;position:absolute;right:10px;top:10px;transform:translateY(-6px);transition:all .2s ease;z-index:4}.pl-card:hover .pl-card-overlay{opacity:1;transform:translateY(0)}.pl-icon-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:9px;cursor:pointer;display:flex;height:34px;justify-content:center;transition:transform .2s;width:34px}.pl-icon-btn:hover{transform:scale(1.12)}.pl-icon-btn.edit{background:#ffffffeb;box-shadow:0 2px 8px #0000001a;color:#0f0f0f;color:var(--ink)}.pl-icon-btn.del{background:#ff4242;background:var(--red);box-shadow:0 2px 8px #ff42424d;color:#fff}.pl-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:18px}.pl-card-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.pl-card-name{color:#0f0f0f;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:-.3px;line-height:1.3}.pl-card-price{background:#fff8e0;border-radius:7px;color:#f6390a;flex-shrink:0;font-size:14px;font-weight:900;padding:2px 9px;white-space:nowrap}.pl-card-desc{-webkit-box-orient:vertical;color:#888;color:var(--ink-3);display:-webkit-box;font-size:12px;line-height:1.6;overflow:hidden}.pl-stock-row{align-items:center;display:flex;justify-content:space-between}.pl-stock-label{color:#bbb;font-size:11px;font-weight:600}.pl-stock-val{color:#22c55e;font-size:12px;font-weight:700}.pl-stock-val.low{color:#ff4242;color:var(--red)}.pl-list{background:#fff;background:var(--white);border:1.5px solid #efefef;border-radius:18px;border-radius:var(--radius);overflow:hidden}.pl-list-header{background:#fafafa;border-bottom:1.5px solid #efefef;color:#888;color:var(--ink-3);font-size:11px;font-weight:800;letter-spacing:1px;padding:13px 24px;text-transform:uppercase}.pl-list-header,.pl-list-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1.2fr}.pl-list-row{align-items:center;border-bottom:1px solid #f5f5f5;padding:14px 24px;transition:background .2s}.pl-list-row:last-child{border-bottom:none}.pl-list-row:hover{background:#fffdf5}.pl-list-product{align-items:center;display:flex;gap:12px}.pl-list-img{border:1.5px solid #f0f0f0;border-radius:10px;flex-shrink:0;height:48px;object-fit:cover;transition:all .2s;width:48px}.pl-list-row:hover .pl-list-img{border-color:#f5c842;border-color:var(--gold);box-shadow:0 0 0 3px #f5c84233}.pl-list-name{color:#0f0f0f;color:var(--ink);font-size:14px;font-weight:700}.pl-list-price{color:#e6a800;color:var(--gold-2);font-size:14px;font-weight:800}.pl-list-stock{color:#22c55e;font-size:13px;font-weight:700}.pl-list-stock.low{color:#ff4242;color:var(--red)}.pl-list-actions{display:flex;gap:8px}.pl-list-btn{align-items:center;border:1.5px solid;border-radius:9px;cursor:pointer;display:flex;font-family:Cabinet Grotesk,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;gap:5px;padding:7px 12px;transition:all .2s}.pl-list-btn.edit{background:#0000;border-color:#e0e0e0;color:#3a3a3a}.pl-list-btn.edit:hover{background:#fff9e0;border-color:#f5c842;border-color:var(--gold);color:#0f0f0f;color:var(--ink)}.pl-list-btn.del{background:#fff0f0;border-color:#0000;color:#ff4242;color:var(--red)}.pl-list-btn.del:hover{background:#ff4242;background:var(--red);box-shadow:0 4px 12px #ff424240;color:#fff}@media (max-width:768px){.pl-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pl-list-header,.pl-list-row{grid-template-columns:1fr 1fr}.pl-page-title{font-size:26px}}.pl-search-outer{position:relative}.pl-search-clear{background:none;border:none;color:#bbb;cursor:pointer;flex-shrink:0;font-size:13px;padding:0 4px;transition:color .2s}.pl-search-clear:hover{color:#ef4444}.pl-suggestions{background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 32px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.pl-suggestion-item{align-items:center;color:#333;cursor:pointer;display:flex;font-family:Cabinet Grotesk,sans-serif;font-size:14px;font-weight:500;gap:10px;padding:11px 16px;transition:background .15s}.pl-suggestion-item:hover{background:#fffdf0;color:#0f0f0f}.pl-suggestion-item+.pl-suggestion-item{border-top:1px solid #f5f5f5}.pl-cat-wrap{position:relative}.pl-cat-btn{align-items:center;background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;color:#333;cursor:pointer;display:flex;font-family:Cabinet Grotesk,sans-serif;font-size:14px;font-weight:700;gap:8px;min-width:160px;padding:10px 16px;transition:all .2s;white-space:nowrap}.pl-cat-btn.open,.pl-cat-btn:hover{border-color:#f5c842;border-color:var(--cat-color,#f5c842);box-shadow:0 0 0 3px color-mix(in srgb,#f5c842 15%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-color,#f5c842) 15%,#0000);color:#0f0f0f}.pl-cat-icon{font-size:16px}.pl-cat-label{flex:1 1;text-align:left}.pl-cat-arrow{color:#aaa;display:inline-block;font-size:12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.pl-cat-arrow.up{transform:rotate(180deg)}.pl-cat-dropdown{background:#fff;border:1.5px solid #e8e8e8;border-radius:16px;box-shadow:0 16px 48px #0000001f;left:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:200}.pl-cat-dropdown-head{border-bottom:1px solid #f5f5f5;color:#bbb;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:10px 16px 8px;text-transform:uppercase}.pl-cat-dropdown-head,.pl-cat-option{font-family:Cabinet Grotesk,sans-serif}.pl-cat-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #f9f9f9;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:11px 16px;text-align:left;transition:all .15s;width:100%}.pl-cat-option:last-child{border-bottom:none}.pl-cat-option:hover{background:#fafafa;color:#0f0f0f;padding-left:20px}.pl-cat-option.active{background:color-mix(in srgb,#f5c842 10%,#fff);background:color-mix(in srgb,var(--cat-color,#f5c842) 10%,#fff);color:#e6a800;color:var(--cat-color,#e6a800);font-weight:800}.pl-cat-opt-icon{font-size:17px;text-align:center;width:24px}.pl-cat-opt-label{flex:1 1}.pl-cat-opt-check{color:#f5c842;color:var(--cat-color,#f5c842);font-size:13px;font-weight:900}.pl-cat-opt-count{background:#f0f0f0;border-radius:10px;color:#888;font-size:11px;font-weight:700;min-width:24px;padding:2px 7px;text-align:center}.pl-cat-option.active .pl-cat-opt-count{background:color-mix(in srgb,#f5c842 20%,#fff);background:color-mix(in srgb,var(--cat-color,#f5c842) 20%,#fff);color:#e6a800;color:var(--cat-color,#e6a800)}.pl-filter-chips{align-items:center;animation:fadeIn .3s ease;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pl-chip{align-items:center;background:color-mix(in srgb,#f5c842 12%,#fff);background:color-mix(in srgb,var(--cat-color,#f5c842) 12%,#fff);border:1.5px solid color-mix(in srgb,#f5c842 30%,#fff);border:1.5px solid color-mix(in srgb,var(--cat-color,#f5c842) 30%,#fff);border-radius:30px;color:color-mix(in srgb,#f5c842 80%,#333);color:color-mix(in srgb,var(--cat-color,#f5c842) 80%,#333);display:inline-flex;font-family:Cabinet Grotesk,sans-serif;font-size:13px;font-weight:700;gap:6px;padding:5px 10px 5px 12px}.pl-chip-search{--cat-color:#6366f1}.pl-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;line-height:1;opacity:.6;padding:0 0 0 2px;transition:opacity .2s}.pl-chip button:hover{opacity:1}.pl-clear-all{background:none;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-size:12px;font-weight:700;padding:4px 8px;transition:all .2s}.pl-clear-all:hover{background:#fff0f0;color:#ef4444}@media (max-width:768px){.pl-topbar{align-items:stretch;flex-direction:column;gap:10px;margin-top:0;position:static}.pl-page-title{font-size:22px}.pl-topbar-right{flex-wrap:wrap;gap:8px}.pl-search-wrap{flex:1 1;min-width:0}.pl-search{width:100%}.pl-view-toggle{flex-shrink:0}.pl-add-btn{flex:1 1;justify-content:center}.pl-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.pl-card-img-wrap{height:140px}.pl-card-body{padding:12px}.pl-card-name{font-size:13px}.pl-card-price{font-size:12px}.pl-card-desc,.pl-list-header{display:none}.pl-list-row{gap:8px;grid-template-columns:1fr 1fr;padding:12px 14px}.pl-list-stock{display:none}.pl-cat-btn{font-size:12px;min-width:120px;padding:9px 10px}.pl-cat-dropdown{min-width:180px}.pl-filter-chips{flex-wrap:wrap;gap:6px}.pl-chip{font-size:11px;padding:4px 8px 4px 10px}}@media (max-width:400px){.pl-grid{grid-template-columns:1fr}}:root{--red:#ef4444;--green:#22c55e}.ap-root{max-width:1050px}.ap-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.ap-title{color:#0f0f0f;color:var(--ink);font-size:26px;font-weight:900;margin:0 0 4px}.ap-accent{color:#e6a800;color:var(--gold-2)}.ap-sub{color:#888;color:var(--ink-3);font-size:14px;margin:0}.ap-mode-toggle{background:#f0f0f0;border-radius:14px;display:flex;gap:6px;padding:5px}.ap-mode-btn{background:#0000;border:none;border-radius:10px;color:#888;cursor:pointer;font-size:13px;font-weight:700;padding:9px 20px;transition:all .2s;white-space:nowrap}.ap-mode-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#0f0f0f;color:var(--ink)}.ap-grid-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.4fr 1fr;position:relative}@media (max-width:768px){.ap-grid-layout{grid-template-columns:1fr}.ap-header{flex-direction:column}}.ap-card{background:#fff;border:1.5px solid #efefef;border-radius:16px;border-radius:var(--radius);padding:28px}.ap-field{margin-bottom:18px}.ap-label{color:#888;color:var(--ink-3);display:block;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}.ap-optional{color:#ccc;font-size:11px;font-weight:500;margin-left:4px;text-transform:none}.ap-input{background:#fafafa;border:1.5px solid #eee;border-radius:11px;box-sizing:border-box;color:#0f0f0f;color:var(--ink);font-family:inherit;font-size:14px;padding:12px 15px;transition:all .2s;width:100%}.ap-input:focus{background:#fffcf5;border-color:#f5c842;border-color:var(--gold);outline:none}.ap-price-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.highlight-price{border-color:#ffd866;font-weight:700}.ap-textarea{min-height:90px;resize:vertical}.ap-stock-row{align-items:center;display:flex;gap:10px}.ap-stock-input{font-size:17px;font-weight:800;margin-bottom:0!important;max-width:110px;text-align:center}.ap-stock-btn{align-items:center;background:#fafafa;border:1.5px solid #eee;border-radius:10px;color:#0f0f0f;color:var(--ink);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.ap-stock-btn.plus{background:#f5c842;background:var(--gold);border-color:#f5c842;border-color:var(--gold)}.ap-stock-btn:hover{transform:scale(1.1)}.ap-stock-hint{color:#aaa;font-size:11px;margin:6px 0 0}.ap-submit-btn{background:#0f0f0f;background:var(--ink);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:800;margin-top:4px;padding:15px;transition:all .3s;width:100%}.ap-submit-btn:hover:not(:disabled){background:#f5c842;background:var(--gold);color:#0f0f0f;color:var(--ink);transform:translateY(-2px)}.ap-submit-btn:disabled{cursor:not-allowed;opacity:.6}.ap-submit-btn.loading{opacity:.7}.ap-submit-btn.success{background:#22c55e;background:var(--green)}.ap-image-section{display:flex;flex-direction:column}.ap-upload-box{align-items:center;background:#fafafa;border:2px dashed #ddd;border-radius:16px;border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1;justify-content:center;margin-bottom:12px;margin-top:8px;min-height:260px;overflow:hidden;transition:all .2s}.ap-upload-box.drag-over,.ap-upload-box:hover{background:#fffcf5;border-color:#f5c842;border-color:var(--gold);transform:scale(1.01)}.ap-upload-box.has-img{border-color:#f5c842;border-color:var(--gold);border-style:solid}.ap-preview-img{height:100%;object-fit:cover;width:100%}.ap-upload-placeholder{color:#aaa;padding:20px;text-align:center}.upload-icon{display:block;font-size:38px;margin-bottom:8px}.ap-drop-title{color:#666;font-size:14px;font-weight:700;margin:0 0 4px}.ap-drop-sub{color:#aaa;font-size:12px;margin:0 0 6px}.ap-upload-hint{color:#ccc;font-size:11px}.ap-clear-img{background:none;border:1.5px solid #eee;border-radius:10px;color:#888;cursor:pointer;font-size:13px;padding:8px 16px;transition:.2s}.ap-clear-img:hover{border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.bulk-root{display:flex;flex-direction:column;gap:20px}.bulk-drop-zone{background:#fafafa;border:2px dashed #ddd;border-radius:16px;border-radius:var(--radius);cursor:pointer;padding:32px;text-align:center;transition:all .2s}.bulk-drop-zone.drag-over,.bulk-drop-zone:hover{background:#fffcf5;border-color:#f5c842;border-color:var(--gold);transform:scale(1.005)}.bulk-drop-icon{display:block;font-size:36px;margin-bottom:10px}.bulk-drop-title{color:#555;font-size:15px;font-weight:700;margin:0 0 4px}.bulk-drop-sub{color:#aaa;font-size:12px;margin:0}.bulk-rows{display:flex;flex-direction:column;gap:12px}.bulk-row-card{align-items:center;background:#fff;border:1.5px solid #efefef;border-radius:14px;display:flex;gap:12px;padding:14px 16px;transition:border-color .2s}.bulk-row-card:hover{border-color:#e0e0e0}.bulk-row-num{color:#ccc;font-size:12px;font-weight:800;min-width:24px}.bulk-img-thumb{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:60px;justify-content:center;overflow:hidden;transition:.2s;width:60px}.bulk-img-thumb:hover{border-color:#f5c842;border-color:var(--gold)}.bulk-img-thumb.has-img{border-color:#f5c842;border-color:var(--gold);border-style:solid}.bulk-img-thumb img{height:100%;object-fit:cover;width:100%}.bulk-row-fields{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.bulk-input{background:#fafafa;border:1.5px solid #eee;border-radius:9px;color:#0f0f0f;color:var(--ink);flex:1 1;font-family:inherit;font-size:13px;min-width:100px;padding:10px 12px;transition:.2s}.bulk-input:focus{background:#fffcf5;border-color:#f5c842;border-color:var(--gold);outline:none}.bulk-desc{flex:2 1;min-width:160px}.bulk-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:900;height:28px;justify-content:center;width:28px}.bulk-status.success{background:#dcfce7;color:#16a34a}.bulk-remove-btn,.bulk-status.error{background:#fee2e2;color:#dc2626}.bulk-remove-btn{border:none;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;height:28px;transition:.2s;width:28px}.bulk-remove-btn:hover{background:#dc2626;color:#fff}.bulk-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.bulk-footer-right{align-items:center;display:flex;gap:14px}.bulk-count{color:#888;color:var(--ink-3)}.bulk-add-row-btn,.bulk-count{font-size:13px;font-weight:700}.bulk-add-row-btn{background:#0000;border:2px dashed #ddd;border-radius:12px;color:#888;cursor:pointer;padding:11px 20px;transition:.2s}.bulk-add-row-btn:hover{border-color:#f5c842;border-color:var(--gold);color:#e6a800;color:var(--gold-2)}.bulk-submit{margin:0;padding:12px 28px;width:auto}.ap-toast{background:#0f0f0f;background:var(--ink);border-radius:50px;bottom:30px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:12px 28px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .4s cubic-bezier(.18,.89,.32,1.28);white-space:nowrap;z-index:9999}.ap-toast.show{transform:translateX(-50%) translateY(0)}.ap-toast.error{background:#ef4444;background:var(--red)}.ap-cat-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ap-cat-chip{align-items:center;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:30px;color:#555;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.ap-cat-chip:hover{background:#fffdf0;box-shadow:0 4px 12px #f5c84233}.ap-cat-chip.selected,.ap-cat-chip:hover{border-color:#f5c842;color:#0f0f0f;transform:translateY(-2px)}.ap-cat-chip.selected{background:#f5c842;box-shadow:0 4px 14px #f5c84259;font-weight:800}.ap-cat-chip-icon{font-size:15px}.ap-cat-chip-check{align-items:center;background:#0000001f;border-radius:50%;display:flex;font-size:11px;font-weight:900;height:16px;justify-content:center;margin-left:2px;width:16px}.ap-cat-hint{align-items:center;color:#888;display:flex;font-size:12px;gap:6px;margin-top:8px}.ap-cat-hint strong{color:#0f0f0f}.ap-cat-clear{background:none;border:none;color:#aaa;cursor:pointer;font-family:inherit;font-size:11px;padding:0;text-decoration:underline}.ap-cat-clear:hover{color:#ef4444}.bulk-cat-select{appearance:auto;cursor:pointer}.bulk-cat-select option{background:#fff;color:#111}@media (max-width:768px){.ap-root{padding:0}.ap-header{align-items:flex-start;flex-direction:column;gap:12px}.ap-title{font-size:24px}.ap-mode-toggle{width:100%}.ap-mode-btn{flex:1 1;font-size:12px;padding:10px 8px;text-align:center}.ap-grid-layout{gap:16px;grid-template-columns:1fr!important}.ap-image-section{order:-1}.ap-upload-box{height:200px}.ap-price-row{gap:12px;grid-template-columns:1fr!important}.ap-stock-row{gap:8px}.ap-stock-btn{font-size:18px;height:36px;width:36px}.ap-cat-grid{gap:6px}.ap-cat-chip{font-size:12px;padding:7px 10px}.bulk-row-card{flex-wrap:wrap;gap:10px;padding:12px}.bulk-row-fields{gap:8px;grid-template-columns:1fr!important}.bulk-img-thumb{height:70px;width:70px}.bulk-footer{align-items:stretch;flex-direction:column;gap:10px}.bulk-footer-right{flex-direction:column;gap:8px}.bulk-submit{width:100%}}:root{--ink:#0f0f0f;--ink-3:#888;--radius:16px}.bl-root{max-width:1200px;padding-bottom:100px}.bl-topbar{gap:16px;justify-content:space-between;margin-bottom:24px}.bl-search-wrap{align-items:center;background:#fff;border:1.5px solid #eee;border-radius:12px;display:flex;gap:10px;padding:10px 16px;transition:border-color .2s;width:320px}.bl-search-wrap:focus-within{border-color:#f5c842;border-color:var(--gold)}.bl-search-icon{font-size:16px}.bl-search{background:#0000;border:none;color:#0f0f0f;color:var(--ink);font-family:inherit;font-size:14px;outline:none;width:100%}.bl-topbar-right{align-items:center;display:flex;gap:12px}.bl-product-count{color:#888;color:var(--ink-3);font-size:13px;font-weight:600}.bl-cart-topbtn{background:#f5c842;background:var(--gold);border:none;border-radius:10px;color:#0f0f0f;color:var(--ink);cursor:pointer;font-size:13px;font-weight:800;padding:10px 20px;transition:.2s}.bl-cart-topbtn:hover{background:#e6a800;background:var(--gold-2);transform:translateY(-1px)}.bl-loading{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.bl-skeleton{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;border-radius:var(--radius);height:280px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bl-error{background:#fee2e2;border-radius:12px;color:#dc2626;font-size:14px;font-weight:600;padding:16px 20px}.bl-empty{color:#888;color:var(--ink-3);padding:80px 20px;text-align:center}.bl-empty-icon{font-size:56px;margin-bottom:16px}.bl-empty h3{color:#0f0f0f;color:var(--ink);font-size:20px;font-weight:800;margin:0 0 8px}.bl-empty p{font-size:14px;margin:0}.bl-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-bottom:40px}@property --bl-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.bl-card{background:#fff;border:1.5px solid #efefef;border-radius:16px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .25s ease}.bl-card:before{background:conic-gradient(from var(--bl-angle),#f5c842,#ff6b6b,#a855f7,#3b82f6,#22c55e,#f5c842);border-radius:18px;border-radius:calc(var(--radius) + 2px);content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.bl-card:hover:before{animation:blRotateBorder 3s linear infinite;opacity:1}@keyframes blRotateBorder{to{--bl-angle:360deg}}.bl-card:after{background:#fff;border-radius:15px;border-radius:calc(var(--radius) - 1px);content:"";inset:2px;position:absolute;z-index:1}.bl-img-wrap,.bl-info{position:relative;z-index:2}.bl-card:hover{border-color:#0000;box-shadow:0 10px 32px #f5c84226;transform:translateY(-3px)}.bl-card.in-cart{border-color:#f5c842;border-color:var(--gold);box-shadow:0 4px 16px #f5c84233}.bl-card.in-cart:before{animation:blRotateBorder 2s linear infinite;opacity:.6}.bl-img-wrap{aspect-ratio:4/3;background:#f9f9f9;border-bottom:2.5px solid #0f0f0f;overflow:hidden;position:relative;width:100%}.bl-img-top-bar{background:#0f0f0f;background-size:200% auto;height:3px;left:0;position:absolute;right:0;top:0;transition:background .4s ease;z-index:5}.bl-card:hover .bl-img-top-bar{animation:blTopBarShift 2s linear infinite;background:linear-gradient(90deg,#f5c842,#ff6b6b,#a855f7,#3b82f6,#22c55e,#f5c842);background-size:200% auto}@keyframes blTopBarShift{0%{background-position:0}to{background-position:200%}}.bl-img-shine{background:linear-gradient(90deg,#0000,#ffffff47,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%;z-index:4}.bl-card:hover .bl-img-shine{animation:blShineSweep .65s ease forwards}@keyframes blShineSweep{0%{left:-100%}to{left:160%}}.bl-img-wrap img{height:100%;object-fit:contain;padding:12px;position:relative;transition:transform .3s;width:100%;z-index:2}.bl-card:hover .bl-img-wrap img{transform:scale(1.04)}.bl-in-cart-badge{background:#f5c842;background:var(--gold);border-radius:20px;color:#0f0f0f;color:var(--ink);font-size:11px;font-weight:800;padding:3px 8px;position:absolute;right:8px;top:8px}.bl-info{display:flex;flex-direction:column;flex-grow:1;padding:14px}.bl-name{-webkit-box-orient:vertical;color:#0f0f0f;color:var(--ink);display:-webkit-box;font-size:13px;font-weight:700;line-height:1.45;margin-bottom:5px;max-height:40px;min-height:38px;overflow:hidden}.bl-price{color:#f63737;font-size:16px;font-weight:800;margin-bottom:12px}.bl-controls{background:#f5f5f5;border-radius:10px;justify-content:space-between;margin-top:auto;padding:4px}.bl-controls,.bl-qty-btn{align-items:center;display:flex}.bl-qty-btn{background:#fff;border:none;border-radius:8px;color:#0f0f0f;color:var(--ink);cursor:pointer;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .15s;width:32px}.bl-qty-btn.plus{background:#f5c842;background:var(--gold)}.bl-qty-btn:hover:not(:disabled){transform:scale(1.12)}.bl-qty-btn:disabled{cursor:not-allowed;opacity:.3}.bl-qty-num{color:#888;color:var(--ink-3);font-size:15px;font-weight:800;min-width:24px;text-align:center}.bl-qty-num.active{color:#e6a800;color:var(--gold-2)}.bl-floating-cart{align-items:center;background:#e6a800;background:var(--gold-2);border:none;border-radius:50%;bottom:30px;box-shadow:0 8px 24px #e6a80073;color:#0f0f0f;color:var(--ink);cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:30px;transform:scale(.7);transition:all .3s;width:60px;z-index:1300}.bl-floating-cart.visible{opacity:1;pointer-events:all;transform:scale(1)}.bl-floating-cart:hover{box-shadow:0 12px 30px #e6a80080;transform:scale(1.1)}.bl-cart-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:800;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.print-only{display:none}@media print{body>*{display:none!important}.print-only{display:block!important}@page{size:80mm auto;margin:0}}@media (max-width:600px){.bl-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.bl-search-wrap{width:100%}.bl-topbar{align-items:stretch;flex-direction:column}}.bl-excel-btn,.bl-preview-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:13px;font-weight:700;padding:9px 16px;transition:all .2s}.bl-excel-btn:hover{background:#dcfce7;border-color:#22c55e;color:#15803d}.bl-preview-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.bl-preview-panel{animation:slideDown .3s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 4px 20px #0000000f}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.bl-preview-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:12px 20px}.bl-preview-actions{display:flex;gap:8px}.bl-preview-close,.bl-preview-excel,.bl-preview-print{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 14px;transition:all .2s}.bl-preview-print:hover{background:#f5c842;border-color:#f5c842;color:#000}.bl-preview-excel:hover{background:#dcfce7;border-color:#22c55e;color:#15803d}.bl-preview-close:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.bl-preview-body{max-height:500px}.bl-preview-body #print-bill-area{display:block!important;position:static!important}@media print{.bl-floating-cart,.bl-grid,.bl-preview-panel,.bl-root,.bl-topbar,aside,header,nav{display:none!important}}.bl-preview-panel{margin-bottom:24px}.bl-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.bl-search-outer{position:relative}.bl-search-clear{background:none;border:none;color:#bbb;cursor:pointer;flex-shrink:0;font-size:13px;padding:0 4px;transition:color .2s}.bl-search-clear:hover{color:#ef4444}.bl-suggestions{background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 32px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.bl-suggestion-item{align-items:center;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .15s}.bl-suggestion-item:last-child{border-bottom:none}.bl-suggestion-item:hover{background:#fffdf0;color:#0f0f0f}.bl-cat-wrap{position:relative}.bl-cat-btn{align-items:center;background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;min-width:155px;padding:10px 14px;transition:all .2s;white-space:nowrap}.bl-cat-btn.open,.bl-cat-btn:hover{border-color:#f5c842;border-color:var(--cat-color,#f5c842);box-shadow:0 0 0 3px color-mix(in srgb,#f5c842 15%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-color,#f5c842) 15%,#0000)}.bl-cat-label{flex:1 1;text-align:left}.bl-cat-arrow{color:#aaa;display:inline-block;font-size:12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.bl-cat-arrow.up{transform:rotate(180deg)}.bl-cat-dropdown{animation:dropIn .18s ease both;background:#fff;border:1.5px solid #e8e8e8;border-radius:16px;box-shadow:0 16px 48px #0000001f;left:0;min-width:210px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:200}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bl-cat-dropdown-head{border-bottom:1px solid #f5f5f5;color:#bbb;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:10px 16px 8px;text-transform:uppercase}.bl-cat-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #f9f9f9;color:#555;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;padding:11px 16px;text-align:left;transition:all .15s;width:100%}.bl-cat-option:last-child{border-bottom:none}.bl-cat-option:hover{background:#fafafa;color:#0f0f0f;padding-left:20px}.bl-cat-option.active{background:color-mix(in srgb,#f5c842 10%,#fff);background:color-mix(in srgb,var(--cat-color,#f5c842) 10%,#fff);color:#e6a800;color:var(--cat-color,#e6a800);font-weight:800}.bl-cat-opt-icon{font-size:16px;text-align:center;width:22px}.bl-cat-opt-label{flex:1 1}.bl-cat-check{color:#f5c842;color:var(--cat-color,#f5c842);font-size:12px;font-weight:900}.bl-cat-count{background:#f0f0f0;border-radius:10px;color:#888;font-size:11px;font-weight:700;min-width:22px;padding:2px 7px;text-align:center}.bl-cat-option.active .bl-cat-count{background:color-mix(in srgb,#f5c842 20%,#fff);background:color-mix(in srgb,var(--cat-color,#f5c842) 20%,#fff);color:#e6a800;color:var(--cat-color,#e6a800)}.bl-filter-chips{align-items:center;animation:fadeIn .25s ease;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bl-chip{align-items:center;background:color-mix(in srgb,#f5c842 12%,#fff);background:color-mix(in srgb,var(--cat-color,#f5c842) 12%,#fff);border:1.5px solid color-mix(in srgb,#f5c842 30%,#fff);border:1.5px solid color-mix(in srgb,var(--cat-color,#f5c842) 30%,#fff);border-radius:30px;color:color-mix(in srgb,#f5c842 80%,#333);color:color-mix(in srgb,var(--cat-color,#f5c842) 80%,#333);display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:5px 10px 5px 12px}.bl-chip-search{--cat-color:#6366f1}.bl-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;opacity:.6;padding:0 0 0 2px;transition:opacity .2s}.bl-chip button:hover{opacity:1}.bl-clear-all{background:none;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:4px 8px;transition:all .2s}.bl-clear-all:hover{background:#fff0f0;color:#ef4444}.bl-cat-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;bottom:8px;color:#fff;font-size:10px;font-weight:700;left:8px;padding:3px 8px;position:absolute;text-transform:capitalize;z-index:4}.bl-action-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 14px;transition:all .2s}.bl-csv-btn:hover{background:#dcfce7;border-color:#22c55e;color:#15803d}.bl-preview-btn-top:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.bl-preview-panel{animation:panelSlide .3s cubic-bezier(.34,1.56,.64,1) both;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:20px;overflow:hidden}@keyframes panelSlide{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bl-preview-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.bl-preview-title{color:#111;font-size:14px;font-weight:800}.bl-preview-btns{display:flex;gap:8px}.bl-pb-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px;transition:all .2s}.bl-pb-print:hover{background:#f5c842;border-color:#f5c842;color:#000}.bl-pb-csv:hover{background:#dcfce7;border-color:#22c55e;color:#166534}.bl-pb-close:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.bl-preview-body{background:#fafafa;max-height:520px;overflow-y:auto;padding:24px}@media (max-width:768px){.bl-topbar{flex-wrap:wrap;gap:8px}.bl-search,.bl-search-outer,.bl-search-wrap{width:100%}.bl-cat-wrap{flex-shrink:0}.bl-cat-btn{font-size:12px;min-width:130px;padding:9px 10px}.bl-cat-dropdown{left:auto;min-width:200px;right:0}.bl-topbar-right{justify-content:space-between;width:100%}.bl-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.bl-card-img-wrap,.bl-img-wrap{aspect-ratio:1/1}.bl-name{-webkit-line-clamp:1;font-size:12px}.bl-price{font-size:13px}.bl-qty-btn{font-size:14px;height:28px;width:28px}.bl-qty-num{font-size:14px;min-width:22px}.bl-floating-cart{bottom:20px;font-size:22px;height:56px;right:16px;width:56px}.bl-filter-chips{flex-wrap:wrap}.bl-chip{font-size:11px}.bl-preview-body{max-height:380px;padding:14px}.bl-preview-bar{flex-wrap:wrap;gap:8px}}@media (max-width:400px){.bl-grid{grid-template-columns:1fr!important}}:root{--gold:#f5c842;--gold-2:#e6a800;--ink:#0c0c0c;--white:#fff;--muted:#fff6;--font-h:"Orbitron",monospace;--font:"Exo 2",sans-serif}.sb-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;inset:0;position:fixed;z-index:998}.sb-overlay.open{display:block}.sb-hamburger{align-items:center;background:#f5c842;background:var(--gold);border:none;border-radius:10px;box-shadow:0 4px 16px #f5c84266;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;left:14px;position:fixed;top:14px;transition:transform .2s;width:40px;z-index:1001}.sb-hamburger:active{transform:scale(.92)}.sb-hamburger span{background:#000;border-radius:2px;display:block;height:2px;transition:all .3s;width:18px}.sb-root{background:#0c0c0c;background:var(--ink);border-right:1px solid #f5c8421a;display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-family:var(--font);height:100vh;left:0;overflow-y:auto;padding:24px 0 20px;position:fixed;top:0;transform:translateX(0);transition:transform .32s cubic-bezier(.34,1.56,.64,1);width:220px;z-index:999}.sb-logo-wrap{border-bottom:1px solid #ffffff0f;gap:12px;padding:0 20px 24px}.sb-logo-ring,.sb-logo-wrap{align-items:center;display:flex}.sb-logo-ring{animation:ringPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#f5c842,#e6a800);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:10px;box-shadow:0 0 16px #f5c84266;color:#000;flex-shrink:0;font-family:Orbitron,monospace;font-family:var(--font-h);font-size:14px;font-weight:900;height:40px;justify-content:center;width:40px}@keyframes ringPulse{0%,to{box-shadow:0 0 16px #f5c84266}50%{box-shadow:0 0 28px #f5c842b3}}.sb-logo-text{color:#fff;font-family:Orbitron,monospace;font-family:var(--font-h);font-size:13px;font-weight:900;letter-spacing:1px}.sb-logo-text span{color:#f5c842;color:var(--gold)}.sb-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.sb-nav-item{align-items:center;border-radius:12px;color:#fff6;color:var(--muted);display:flex;font-size:13px;font-weight:600;gap:12px;padding:12px 14px;position:relative;text-decoration:none;transition:all .2s}.sb-nav-item:hover{background:#ffffff0d;color:#fff}.sb-nav-item.active{background:linear-gradient(135deg,#f5c842,#e6a800);background:linear-gradient(135deg,var(--gold),var(--gold-2));box-shadow:0 4px 16px #f5c8424d;color:#000;font-weight:800}.sb-nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.sb-nav-label{flex:1 1}.sb-nav-arrow{font-size:10px;opacity:.5}.sb-nav-item.active .sb-nav-arrow{opacity:1}.sb-user{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;gap:10px;margin:0 12px;padding:14px}.sb-avatar,.sb-user{align-items:center;display:flex}.sb-avatar{background:linear-gradient(135deg,#f5c842,#e6a800);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:10px;color:#000;flex-shrink:0;font-size:13px;font-weight:900;height:36px;justify-content:center;position:relative;width:36px}.sb-avatar-ring{animation:avatarPulse 2.5s ease-in-out infinite;border:1.5px solid #f5c8424d;border-radius:13px;inset:-3px;position:absolute}.sb-user-info{flex:1 1;overflow:hidden}.sb-user-name{color:#fff;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-role{color:#f5c842;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sb-status-wrap{flex-shrink:0;height:10px;position:relative;width:10px}.sb-status-dot{background:#22c55e;box-shadow:0 0 6px #22c55ecc;inset:0}.sb-status-dot,.sb-status-ping{border-radius:50%;position:absolute}.sb-status-ping{animation:ping 2s ease infinite;background:#22c55e4d;inset:-3px}@media (max-width:768px){.sb-hamburger{display:flex}.sb-root{box-shadow:4px 0 32px #00000080;transform:translateX(-100%);width:260px}.sb-root.mobile-open{transform:translateX(0)}}.tb-root{align-items:center;background:#fff;border-bottom:1px solid #fce4ec;display:flex;flex-wrap:wrap;font-family:Plus Jakarta Sans,sans-serif;gap:20px;justify-content:space-between;opacity:0;overflow:hidden;padding:14px 32px;position:sticky;top:0;transform:translateY(-8px);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1);z-index:99}.tb-root.tb-mounted{opacity:1;transform:translateY(0)}.tb-glow-line{animation:glowSweep 4s linear infinite;background:linear-gradient(90deg,#0000,#f48fb1,#e91e8c,#f48fb1,#0000);bottom:0;box-shadow:0 0 10px #e91e8c66;height:2px;left:-50%;pointer-events:none;position:absolute;width:200%}@keyframes glowSweep{0%{transform:translateX(0)}to{transform:translateX(50%)}}.tb-left{animation:slideRight .5s cubic-bezier(.34,1.56,.64,1) .1s both;display:flex;flex-direction:column;gap:2px}@keyframes slideRight{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.tb-breadcrumb{align-items:center;color:#f48fb1;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:1.2px;text-transform:uppercase}.tb-bc-dot{animation:dotPulse 2s ease-in-out infinite;background:#e91e8c;border-radius:50%;box-shadow:0 0 6px #e91e8cb3;display:inline-block;height:5px;width:5px}@keyframes dotPulse{0%,to{box-shadow:0 0 6px #e91e8cb3;transform:scale(1)}50%{box-shadow:0 0 14px #e91e8c;transform:scale(1.3)}}.tb-title{color:#1a1a2e;font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.tb-sub{color:#aaa;font-size:13px}.tb-right{align-items:center;animation:slideLeft .5s cubic-bezier(.34,1.56,.64,1) .1s both;display:flex;gap:12px}@keyframes slideLeft{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.tb-clock{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.tb-clock-time{font-feature-settings:"tnum";color:#e91e8c;font-size:16px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.5px;text-shadow:0 0 12px #e91e8c40}.tb-clock-date{color:#ccc;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tb-divider{background:#fce4ec;flex-shrink:0;height:28px;width:1px}.tb-icon-btn{align-items:center;background:#fff9fb;border:1.5px solid #fce4ec;border-radius:10px;color:#e91e8c;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:38px}.tb-icon-btn:hover{background:#e91e8c;border-color:#e91e8c;box-shadow:0 4px 18px #e91e8c59;color:#fff;transform:translateY(-2px) scale(1.06)}.tb-icon-btn:active{transform:scale(.95)}.tb-logout:hover{background:#ff5252;border-color:#ff5252;box-shadow:0 4px 18px #ff525259;color:#fff}.tb-badge{align-items:center;animation:badgePop .4s cubic-bezier(.34,1.56,.64,1) both;background:#e91e8c;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:800;height:17px;justify-content:center;position:absolute;right:-5px;top:-5px;width:17px}@keyframes badgePop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0deg)}}.tb-user{align-items:center;background:#fff9fb;border:1.5px solid #fce4ec;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:6px 12px 6px 6px;position:relative;transition:all .25s}.tb-user:hover{background:#fce4ec;border-color:#f48fb1;box-shadow:0 4px 20px #e91e8c1a}.tb-avatar{align-items:center;background:linear-gradient(135deg,#f48fb1,#e91e8c);border-radius:10px;box-shadow:0 2px 12px #e91e8c4d;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:34px;justify-content:center;position:relative;width:34px}.tb-avatar-ring{animation:avatarPulse 2.5s ease-in-out infinite;border:1.5px solid #e91e8c40;border-radius:13px;inset:-3px;position:absolute}@keyframes avatarPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}.tb-user-info{display:flex;flex-direction:column;gap:1px}.tb-user-name{color:#1a1a2e;font-size:13px;font-weight:800;line-height:1.2}.tb-user-role{color:#f48fb1;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.tb-status-wrap{flex-shrink:0;height:10px;position:relative;width:10px}.tb-status-dot{background:#22c55e;box-shadow:0 0 8px #22c55ecc;inset:0}.tb-status-dot,.tb-status-ping{border-radius:50%;position:absolute}.tb-status-ping{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;background:#22c55e4d;inset:-3px}@keyframes ping{0%{opacity:.6;transform:scale(1)}75%,to{opacity:0;transform:scale(2.5)}}@media (max-width:768px){.tb-root{padding:12px 16px}.tb-clock,.tb-sub,.tb-user-info{display:none}.tb-root{flex-wrap:nowrap;gap:8px;padding:12px 14px 12px 64px}.tb-title{font-size:16px}.tb-breadcrumb,.tb-clock,.tb-divider,.tb-status-wrap,.tb-sub,.tb-user-info{display:none}.tb-right{gap:8px}.tb-icon-btn{height:34px;width:34px}}.layout-root{background:#f0f2ff;display:flex;min-height:100vh}.layout-body{display:flex;flex:1 1;flex-direction:column;margin-left:220px;min-width:0}.layout-main{flex:1 1;overflow-x:hidden;padding:24px}@media (max-width:768px){.layout-body{margin-left:0}.layout-main{padding:70px 16px 16px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8f7f4;font-family:Cabinet Grotesk,sans-serif;overflow-x:hidden}.app-layout{display:flex;min-height:100vh}.app-content{flex:1 1;min-height:100vh;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#bbb}@media print{.app-content>:not(.print-only),.sb-root{display:none!important}.print-only{display:block!important}}
/*# sourceMappingURL=main.2983a892.css.map*/