.rs-marketing{--rs-bg: #070b14;--rs-bg-2: #0b1120;--rs-bg-3: #0d1526;--rs-card: rgba(255, 255, 255, .03);--rs-card-solid: #0f172a;--rs-card-strong: #111c33;--rs-border: rgba(255, 255, 255, .08);--rs-border-strong: rgba(129, 140, 248, .35);--rs-text: #e2e8f0;--rs-text-muted: rgba(255, 255, 255, .62);--rs-text-dim: rgba(255, 255, 255, .48);--rs-accent: #60a5fa;--rs-accent-2: #a78bfa;--rs-accent-3: #22d3ee;--rs-gradient: linear-gradient(135deg, #3b82f6 0%, #7c3aed 55%, #06b6d4 120%);--rs-gradient-text: linear-gradient(120deg, #60a5fa, #a78bfa, #22d3ee);--rs-shadow-accent: 0 12px 34px rgba(59, 130, 246, .32);--rs-radius: 18px;--rs-radius-lg: 22px}.rs-marketing *,.rs-marketing *:before,.rs-marketing *:after{box-sizing:border-box}.rs-marketing{color:var(--rs-text);background:radial-gradient(1100px 520px at 12% -8%,rgba(59,130,246,.2) 0%,transparent 60%),radial-gradient(900px 460px at 90% 4%,rgba(124,58,237,.18) 0%,transparent 60%),radial-gradient(800px 500px at 50% 110%,rgba(6,182,212,.12) 0%,transparent 55%),linear-gradient(160deg,var(--rs-bg) 0%,var(--rs-bg-2) 55%,var(--rs-bg) 100%);min-height:100vh;font-family:Inter,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.rs-marketing a{text-decoration:none;color:inherit}.rs-marketing h1,.rs-marketing h2,.rs-marketing h3{font-family:Inter,Roboto,system-ui,sans-serif;margin:0}.rs-marketing p{margin:0}.rs-marketing button{font-family:inherit}.rs-marketing svg{display:block;width:22px;height:22px}.rs-landing,.rs-plans{position:relative;overflow:hidden}.rs-landing__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 12%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 12%,#000,transparent 72%);pointer-events:none}.rs-landing__wrap,.rs-plans__wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:1.4rem 1.5rem 3rem}.rs-landing__wrap--wide{max-width:1200px}.rs-landing__nav,.rs-plans__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0 1.4rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06)}.rs-landing__logo,.rs-plans__logo{display:inline-flex;align-items:center;gap:.7rem}.rs-landing__logo-icon,.rs-plans__logo-icon{width:42px;height:42px;border-radius:12px;background:var(--rs-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--rs-shadow-accent)}.rs-landing__logo-mark{width:22px;height:22px}.rs-plans__logo-icon svg{width:22px;height:22px}.rs-landing__logo-name,.rs-plans__logo-name{font-size:1.18rem;font-weight:800;letter-spacing:.2px;color:#f8fafc}.rs-landing__nav-links,.rs-plans__nav-links{display:flex;align-items:center;gap:1.2rem}.rs-landing__nav-link{color:var(--rs-text-muted);font-size:.95rem;font-weight:500;transition:color .2s}.rs-landing__nav-link:hover{color:#fff}.rs-landing__login,.rs-plans__login{color:var(--rs-accent);font-size:.95rem;font-weight:600;transition:color .2s}.rs-landing__login:hover,.rs-plans__login:hover{color:var(--rs-accent-2)}.rs-landing__cta-primary,.rs-plans__cta-primary,.rs-plans__btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:12px;font-size:.98rem;font-weight:700;color:#fff;background:var(--rs-gradient);background-size:160% 160%;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background-position .3s;box-shadow:var(--rs-shadow-accent);white-space:nowrap}.rs-landing__cta-primary:hover,.rs-plans__cta-primary:hover,.rs-plans__btn--primary:hover{transform:translateY(-2px);animation:rs-shift 3s ease-in-out infinite}.rs-landing__cta-ghost,.rs-plans__btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:12px;font-size:.98rem;font-weight:650;color:var(--rs-text);background:#ffffff0d;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.rs-landing__cta-ghost:hover,.rs-plans__btn--ghost:hover{background:#ffffff17;border-color:#ffffff3d;transform:translateY(-2px)}@keyframes rs-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.rs-landing__hero{text-align:center;padding:3rem 0 1rem}.rs-landing__eyebrow,.rs-plans__eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1.1rem;border-radius:999px;background:#3b82f61f;border:1px solid rgba(96,165,250,.32);color:#bfdbfe;font-size:.82rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin-bottom:1.6rem}.rs-landing__eyebrow-dot,.rs-plans__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--rs-accent-3);box-shadow:0 0 10px var(--rs-accent-3)}.rs-landing__title{font-size:clamp(2.3rem,5.5vw,3.9rem);font-weight:800;line-height:1.08;letter-spacing:-.5px;color:#f8fafc;margin:0 0 1.3rem}.rs-landing__title-accent,.rs-plans__title-accent{background:var(--rs-gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rs-landing__sub{max-width:660px;margin:0 auto 2.2rem;font-size:1.15rem;line-height:1.65;color:var(--rs-text-muted)}.rs-landing__cta-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.9rem}.rs-landing__features{margin-top:5rem}.rs-landing__section-title,.rs-plans__section-title{text-align:center;font-size:clamp(1.7rem,3.5vw,2.3rem);font-weight:800;letter-spacing:-.4px;color:#f8fafc;margin:0 0 .7rem}.rs-landing__section-sub,.rs-plans__section-sub{text-align:center;color:var(--rs-text-muted);max-width:560px;margin:0 auto 2.6rem;line-height:1.6}.rs-landing__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.rs-landing__feature-card{padding:1.6rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border);transition:transform .25s,border-color .25s,background .25s}.rs-landing__feature-card:hover{transform:translateY(-5px);border-color:#60a5fa66;background:#3b82f60f}.rs-landing__feature-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.1rem}.rs-landing__feature-icon--primary{background:linear-gradient(135deg,#3b82f6e6,#1e40afe6);box-shadow:0 8px 22px #3b82f659}.rs-landing__feature-icon--success{background:linear-gradient(135deg,#22c55ee6,#15803de6);box-shadow:0 8px 22px #22c55e4d}.rs-landing__feature-icon--info{background:linear-gradient(135deg,#06b6d4e6,#0891b2e6);box-shadow:0 8px 22px #06b6d44d}.rs-landing__feature-title{font-size:1.08rem;font-weight:700;color:#f1f5f9;margin-bottom:.45rem}.rs-landing__feature-desc{font-size:.94rem;line-height:1.6;color:var(--rs-text-dim)}.rs-landing__cta-big{margin-top:4rem;padding:3rem 2rem;border-radius:var(--rs-radius-lg);text-align:center;background:radial-gradient(360px 240px at 15% 0%,rgba(37,99,235,.3) 0%,transparent 60%),radial-gradient(360px 240px at 85% 100%,rgba(124,58,237,.26) 0%,transparent 60%),var(--rs-card-solid);border:1px solid var(--rs-border)}.rs-landing__cta-big-icon{width:54px;height:54px;margin:0 auto 1.4rem;color:var(--rs-accent)}.rs-landing__cta-big-desc{color:var(--rs-text-muted);max-width:560px;margin:0 auto 1.9rem;line-height:1.65;font-size:1.05rem}.rs-landing__cta-big-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-bottom:2.2rem}.rs-landing__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:1.5rem;border-radius:16px;background:#ffffff06;border:1px solid var(--rs-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rs-landing__stat{text-align:center}.rs-landing__stat-value{display:block;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;background:var(--rs-gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rs-landing__stat-label{margin-top:.25rem;font-size:.85rem;color:var(--rs-text-dim)}.rs-landing__footer{margin-top:4rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;color:var(--rs-text-dim);font-size:.86rem}.rs-landing__footer span:last-child{display:inline-flex;align-items:center;gap:.4rem}.rs-landing__footer-icon{width:15px;height:15px;color:var(--rs-accent)}.rs-plans__wrap{max-width:1200px}.rs-plans__nav{margin-bottom:4rem}.rs-plans__hero{text-align:center;padding:2rem 0 1rem}.rs-plans__title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.5px;color:#f8fafc;margin:0 0 1.2rem}.rs-plans__sub{color:var(--rs-text-muted);max-width:620px;margin:0 auto 2.4rem;line-height:1.68;font-size:1.08rem}.rs-plans__sub strong{color:#fff;font-weight:700}.rs-plans__toggle{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.3rem;margin-bottom:1.2rem}.rs-plans__toggle-btn{padding:.55rem 1.25rem;border-radius:999px;border:none;background:transparent;color:#ffffffa6;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.rs-plans__toggle-btn--active{background:var(--rs-gradient);color:#fff;box-shadow:0 4px 14px #3b82f659}.rs-plans__save{font-size:.72rem;font-weight:700;color:var(--rs-accent-3);background:#06b6d424;border:1px solid rgba(34,211,238,.35);border-radius:999px;padding:.3rem .7rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.rs-plans__save-icon{width:14px;height:14px;color:#fbbf24}.rs-plans__guarantee{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--rs-text-muted);font-size:.9rem;margin-top:1.6rem}.rs-plans__guarantee-icon{width:20px;height:20px;color:#34d399}.rs-plans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:stretch;justify-items:center;margin-top:3rem}@media(max-width:980px){.rs-plans__grid{grid-template-columns:1fr;justify-items:center}}.rs-plans__card{position:relative;display:flex;flex-direction:column;width:100%;max-width:360px;padding:2.1rem 1.8rem;border-radius:var(--rs-radius-lg);background:var(--rs-card);border:1px solid var(--rs-border);transition:transform .28s,border-color .28s,box-shadow .28s}.rs-plans__card:hover{transform:translateY(-6px);border-color:#60a5fa59}.rs-plans__card--featured{background:radial-gradient(340px 240px at 20% 0%,rgba(37,99,235,.3) 0%,transparent 60%),radial-gradient(340px 240px at 80% 100%,rgba(124,58,237,.26) 0%,transparent 60%),var(--rs-card-strong);border:1px solid rgba(129,140,248,.5);box-shadow:0 24px 60px #2563eb47}@media(min-width:981px){.rs-plans__card--featured{transform:scale(1.03) translateY(-10px)}.rs-plans__card--featured:hover{transform:scale(1.03) translateY(-14px)}}.rs-plans__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.4rem;padding:.42rem 1.15rem;border-radius:999px;font-size:.73rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899,#ec4899);background-size:160% 160%;box-shadow:0 8px 24px #ec489980;white-space:nowrap;animation:rs-shift 3s ease-in-out infinite;z-index:2}.rs-plans__badge-icon{width:13px;height:13px}.rs-plans__card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.4rem;margin-bottom:.5rem}.rs-plans__card-name{font-size:1.3rem;font-weight:800;letter-spacing:-.2px;color:#f1f5f9}.rs-plans__card-tag{font-size:.66rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:.22rem .6rem;border-radius:6px;color:#c7d2fe;background:#818cf829;border:1px solid rgba(129,140,248,.32);white-space:nowrap}.rs-plans__desc{color:var(--rs-text-dim);font-size:.94rem;line-height:1.6;margin-bottom:1.4rem}.rs-plans__card-price{margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.08)}.rs-plans__price-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.rs-plans__price-old{width:100%;font-size:.95rem;color:var(--rs-text-dim);text-decoration:line-through;margin-bottom:.1rem}.rs-plans__price-val{font-size:2.6rem;font-weight:800;letter-spacing:-1px;color:#f8fafc}.rs-plans__price-per{color:var(--rs-text-muted);font-size:.9rem}.rs-plans__price-note{margin-top:.45rem;font-size:.78rem;color:var(--rs-accent-3)}.rs-plans__list{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-direction:column;gap:.75rem;flex:1}.rs-plans__list li{display:flex;align-items:flex-start;gap:.6rem;color:#ffffffd1;font-size:.93rem;line-height:1.45}.rs-plans__check{color:#34d399;flex-shrink:0;width:17px;height:17px;margin-top:1px}.rs-plans__btn{width:100%;margin-top:auto}.rs-plans__btn-arrow,.rs-plans__btn-icon{width:17px;height:17px}.rs-plans__btn--xl{padding:1rem 1.9rem;font-size:1.05rem}.rs-plans__cta-micro{text-align:center;margin-top:.65rem;font-size:.76rem;color:var(--rs-text-dim)}.rs-plans__card-guarantee{display:inline-flex;align-items:center;gap:.45rem;margin-top:.7rem;padding:.45rem .7rem;border-radius:10px;background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#ffffffd1;font-size:.8rem;font-weight:600}.rs-plans__card-guarantee svg{width:16px;height:16px;color:#34d399;flex-shrink:0}.rs-plans__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.7rem;margin-top:3.2rem;padding:1.25rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border)}.rs-plans__trust-item{display:flex;align-items:center;gap:.5rem;color:#ffffffc7;font-size:.88rem;font-weight:600}.rs-plans__trust-icon{width:19px;height:19px;color:var(--rs-accent)}.rs-plans__trust-icon--success{color:#34d399}.rs-plans__social{margin-top:5rem}.rs-plans__testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-bottom:4rem}.rs-plans__testimonial{padding:1.6rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border);display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.rs-plans__testimonial:hover{transform:translateY(-4px);border-color:#60a5fa59}.rs-plans__testimonial-head{margin-bottom:.9rem;display:flex;align-items:center}.rs-stars{display:inline-flex;align-items:center;gap:.18rem;color:#fbbf24}.rs-stars__icon{width:18px;height:18px;fill:currentColor}.rs-plans__stars{display:inline-flex;gap:.12rem;color:#fbbf24}.rs-plans__stars svg{width:16px;height:16px}.rs-plans__quote{font-size:.96rem;color:#ffffffdb;line-height:1.65;margin-bottom:1.2rem;flex:1}.rs-plans__person{display:flex;align-items:center;gap:.8rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.rs-plans__avatar{width:44px;height:44px;border-radius:50%;background:var(--rs-gradient);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rs-plans__person-info{display:flex;flex-direction:column;gap:.1rem}.rs-plans__person-name{font-weight:700;color:#f1f5f9;font-size:.94rem}.rs-plans__person-role{color:var(--rs-text-dim);font-size:.8rem}.rs-plans__faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}.rs-plans__faq-item{border:1px solid var(--rs-border);border-radius:14px;background:var(--rs-card);overflow:hidden;transition:border-color .2s}.rs-plans__faq-item--open{border-color:#60a5fa66}.rs-plans__faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;background:transparent;border:none;color:#f1f5f9;font-weight:650;font-size:.98rem;text-align:left;cursor:pointer}.rs-plans__faq-q-icon{color:var(--rs-text-dim);width:20px;height:20px;flex-shrink:0;transition:transform .25s}.rs-plans__faq-item--open .rs-plans__faq-q-icon{transform:rotate(180deg)}.rs-plans__faq-a{padding:0 1.35rem 1.15rem;color:var(--rs-text-muted);font-size:.93rem;line-height:1.65}.rs-plans__final{position:relative;margin-top:4.5rem;padding:3rem 2rem;border-radius:var(--rs-radius-lg);text-align:center;background:radial-gradient(420px 280px at 15% 0%,rgba(37,99,235,.32) 0%,transparent 60%),radial-gradient(420px 280px at 85% 100%,rgba(124,58,237,.28) 0%,transparent 60%),var(--rs-card-solid);border:1px solid var(--rs-border-strong)}.rs-plans__final-icon{width:54px;height:54px;margin:0 auto 1.4rem;color:var(--rs-accent)}.rs-plans__final-title{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;letter-spacing:-.4px;color:#f8fafc;margin-bottom:.9rem}.rs-plans__final-off{background:var(--rs-gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rs-plans__final-desc{color:var(--rs-text-muted);max-width:540px;margin:0 auto 1.9rem;line-height:1.68;font-size:1.02rem}.rs-plans__final-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-bottom:1.4rem}.rs-plans__final-actions .rs-plans__btn{width:auto;margin-top:0}.rs-plans__cta-pulse{display:inline-flex;align-items:center;gap:.4rem;color:#fbbf24;font-size:.82rem}.rs-plans__cta-pulse-icon{width:15px;height:15px}.rs-plans__pulse{animation:rs-pulse 2s ease-in-out infinite}@keyframes rs-pulse{0%,to{opacity:1}50%{opacity:.55}}.rs-plans__footnote{display:flex;align-items:center;justify-content:center;gap:.4rem;text-align:center;color:var(--rs-text-dim);font-size:.85rem;margin-top:3rem}.rs-plans__footnote-icon{width:15px;height:15px;color:var(--rs-accent)}.rs-plans__ideal{display:flex;align-items:center;gap:.5rem;margin:-.4rem 0 1.2rem;padding:.55rem .75rem;border-radius:10px;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);color:#ffffffd1;font-size:.82rem;font-weight:600;line-height:1.3}.rs-plans__ideal-icon{width:17px;height:17px;color:var(--rs-accent);flex-shrink:0}.rs-plans__value{margin-top:3.5rem}.rs-plans__value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;max-width:860px;margin:0 auto}.rs-plans__value-item{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.1rem 1rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border);color:#ffffffd9;font-size:.95rem;font-weight:700;transition:transform .2s,border-color .2s}.rs-plans__value-item:hover{transform:translateY(-3px);border-color:#60a5fa66}.rs-plans__value-icon{width:20px;height:20px;color:var(--rs-accent);flex-shrink:0}.rs-mk__nav{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.5rem 0 1.4rem;margin-bottom:3.2rem;border-bottom:1px solid rgba(255,255,255,.06)}.rs-mk__nav-center{display:flex;align-items:center;gap:1.6rem}.rs-mk__nav-link{color:var(--rs-text-muted);font-size:.95rem;font-weight:500;transition:color .2s}.rs-mk__nav-link:hover{color:#fff}.rs-mk__stars{display:inline-flex;gap:.1rem;color:#fbbf24}.rs-mk__stars svg{width:14px;height:14px}.rs-mk__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding:2rem 0 4rem}.rs-mk__hero-copy{text-align:left}.rs-mk__hero .rs-landing__title{text-align:left;margin-bottom:1.1rem}.rs-mk__hero .rs-landing__sub{text-align:left;margin-left:0;margin-bottom:1.8rem}.rs-mk__hero .rs-landing__cta-group{justify-content:flex-start}.rs-landing__cta-primary--lg,.rs-landing__cta-ghost--lg{padding:.95rem 1.8rem;font-size:1.02rem}.rs-landing__cta-primary svg,.rs-landing__cta-ghost svg,.rs-plans__btn svg{width:18px;height:18px}.rs-mk__hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem;color:var(--rs-text-muted);font-size:.9rem}.rs-mk__hero-trust span{display:inline-flex;align-items:center;gap:.45rem}.rs-mk__hero-trust span svg{width:16px;height:16px;color:#34d399}.rs-mk__hero-trust strong{color:#f8fafc;font-weight:700}.rs-mk__hero-trust-sep{color:var(--rs-text-dim)}.rs-mk__hero-media{position:relative}.rs-mk__mockup{position:relative;border-radius:var(--rs-radius);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#0e1a33,#0a1324);box-shadow:0 40px 80px #0206178c}.rs-mk__mockup-bar{display:flex;gap:.4rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.rs-mk__mockup-dot{width:10px;height:10px;border-radius:50%;background:#ffffff2e}.rs-mk__mockup-dot:first-child{background:#f87171}.rs-mk__mockup-dot:nth-child(2){background:#fbbf24}.rs-mk__mockup-dot:nth-child(3){background:#34d399}.rs-mk__mockup-body{display:grid;grid-template-columns:56px 1fr;min-height:300px}.rs-mk__mockup-side{display:flex;flex-direction:column;gap:.6rem;padding:1rem .7rem;border-right:1px solid rgba(255,255,255,.07);background:#ffffff05}.rs-mk__mockup-nav{height:14px;border-radius:5px;background:#ffffff24}.rs-mk__mockup-nav--active{background:var(--rs-gradient);box-shadow:0 3px 10px #3b82f666}.rs-mk__mockup-main{padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.rs-mk__mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.rs-mk__mockup-kpi{display:flex;flex-direction:column;gap:.25rem;padding:.7rem;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.rs-mk__mockup-kpi-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.4px;color:var(--rs-text-dim)}.rs-mk__mockup-kpi-value{font-size:.98rem;font-weight:800;color:#f8fafc}.rs-mk__mockup-kpi-trend{font-size:.62rem;font-weight:700;color:#34d399}.rs-mk__mockup-kpi-trend--ok{color:#60a5fa}.rs-mk__mockup-chart{flex:1;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff05;padding:1rem;display:flex;align-items:flex-end;gap:1rem;min-height:120px}.rs-mk__mockup-chart-bars{display:flex;align-items:flex-end;gap:.4rem;flex:1;height:100%}.rs-mk__mockup-bar-chart{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--rs-accent),rgba(59,130,246,.25));min-height:6px}.rs-mk__mockup-chart-line{width:34px;height:100%;color:var(--rs-accent-3);align-self:flex-start;opacity:.6}.rs-mk__hero-chip{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:12px;font-size:.85rem;font-weight:700;color:#f1f5f9;background:#0f172ae6;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px #02061766;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rs-mk__hero-chip svg{width:18px;height:18px}.rs-mk__hero-chip--sales{top:-18px;left:-14px;color:#86efac}.rs-mk__hero-chip--save{bottom:-16px;right:-10px;color:#a5b4fc}.rs-mk__logos{text-align:center;margin:1rem 0 4rem;padding:1.6rem 1rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border)}.rs-mk__logos-title{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--rs-text-dim);margin-bottom:1.2rem}.rs-mk__logos-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.6rem}.rs-mk__logo{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffb8;font-weight:700;font-size:1rem}.rs-mk__logo svg{width:20px;height:20px;color:var(--rs-accent);opacity:.85}.rs-mk__pain{padding:3.5rem 0}.rs-mk__pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;max-width:900px;margin:0 auto}.rs-mk__pain-card{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.3rem;border-radius:var(--rs-radius);background:#ef44440f;border:1px solid rgba(239,68,68,.18);color:#ffffffd9;font-size:.95rem;font-weight:600;line-height:1.4}.rs-mk__pain-card svg{width:24px;height:24px;color:#f87171;flex-shrink:0}.rs-mk__kicker{display:block;text-align:center;text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:800;color:var(--rs-accent);margin-bottom:.6rem}.rs-mk__steps{padding:3.5rem 0}.rs-mk__steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;max-width:900px;margin:0 auto}.rs-mk__step{text-align:center;padding:2rem 1.4rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border)}.rs-mk__step-num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 1rem;border-radius:50%;background:var(--rs-gradient);color:#fff;font-weight:800;font-size:1.1rem;box-shadow:var(--rs-shadow-accent)}.rs-mk__step h3{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.rs-mk__step p{font-size:.92rem;line-height:1.6;color:var(--rs-text-dim)}.rs-mk__testimonials{padding:3.5rem 0}.rs-mk__testimonials .rs-plans__testimonial-head{display:flex;align-items:center;justify-content:space-between}.rs-mk__testimonials .rs-plans__testimonial-head .rs-stars__icon{width:20px;height:20px}.rs-mk__testimonials .rs-plans__testimonial-head svg:not(.rs-stars__icon){width:26px;height:26px;color:var(--rs-accent);opacity:.5}.rs-mk__final{position:relative;margin-top:4rem;padding:3.2rem 2rem;border-radius:var(--rs-radius-lg);text-align:center;background:radial-gradient(460px 280px at 15% 0%,rgba(37,99,235,.32) 0%,transparent 60%),radial-gradient(460px 280px at 85% 100%,rgba(124,58,237,.3) 0%,transparent 60%),var(--rs-card-solid);border:1px solid var(--rs-border-strong)}.rs-mk__final-badge{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.5rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);box-shadow:0 8px 24px #ec489973}.rs-mk__final-badge svg{width:18px;height:18px}.rs-mk__final .rs-landing__cta-big-actions{margin-bottom:1.6rem}.rs-mk__final-urgency{display:inline-flex;align-items:center;gap:.4rem;color:#fbbf24;font-size:.85rem;font-weight:600;margin-bottom:2rem}.rs-mk__final-urgency svg{width:18px;height:18px}.rs-mk__final .rs-landing__stats{max-width:720px;margin:0 auto 2.2rem}.rs-mk__final-guarantee{display:inline-flex;align-items:center;gap:.5rem;color:var(--rs-text-muted);font-size:.9rem}.rs-mk__final-guarantee svg{width:18px;height:18px;color:#34d399}@media(max-width:900px){.rs-mk__hero{grid-template-columns:1fr;gap:3.5rem}.rs-mk__hero-copy{text-align:center}.rs-mk__hero .rs-landing__title,.rs-mk__hero .rs-landing__sub{text-align:center;margin-left:auto;margin-right:auto}.rs-mk__hero .rs-landing__cta-group,.rs-mk__hero-trust{justify-content:center}.rs-mk__nav-center{display:none}}@media(max-width:640px){.rs-landing__wrap,.rs-plans__wrap{padding-left:1.1rem;padding-right:1.1rem}.rs-landing__nav-link,.rs-mk__nav-center{display:none}.rs-plans__nav-links .rs-plans__cta-primary,.rs-landing__nav-links .rs-landing__cta-primary{padding:.6rem 1rem;font-size:.85rem}.rs-mk__mockup-body{grid-template-columns:40px 1fr}.rs-mk__mockup-kpis{grid-template-columns:1fr 1fr}.rs-mk__hero-chip--sales{left:-6px}.rs-mk__hero-chip--save{right:-6px}}.rs-seg__bar{display:flex;align-items:center;gap:.55rem;margin-bottom:1.6rem;font-size:.9rem}.rs-seg__back{display:inline-flex;align-items:center;gap:.4rem;color:var(--rs-accent);font-weight:600;transition:color .2s}.rs-seg__back svg{width:16px;height:16px}.rs-seg__back:hover{color:var(--rs-accent-2)}.rs-seg__bar-sep{color:var(--rs-text-dim)}.rs-seg__bar-current{color:var(--rs-text-muted);font-weight:500}.rs-mk__logo{transition:color .2s,transform .2s}a.rs-mk__logo:hover{color:#fff;transform:translateY(-2px)}.rs-mk__logo--active{color:#fff}.rs-mk__logo--active svg{color:var(--rs-accent-3)}.rs-mk__picker{margin:0 0 4rem;padding:3rem 1.5rem;border-radius:var(--rs-radius-lg);background:radial-gradient(460px 260px at 10% 0%,rgba(37,99,235,.22) 0%,transparent 60%),radial-gradient(460px 260px at 90% 100%,rgba(124,58,237,.18) 0%,transparent 60%),var(--rs-card-solid);border:1px solid var(--rs-border-strong)}.rs-mk__picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:960px;margin:0 auto}.rs-mk__picker-card{display:flex;align-items:center;gap:1rem;padding:1.3rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border);transition:transform .25s,border-color .25s,background .25s}.rs-mk__picker-card:hover{transform:translateY(-4px);border-color:#60a5fa73;background:#3b82f612}.rs-mk__picker-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#3b82f6e6,#1e40afe6);box-shadow:0 8px 18px #3b82f64d}.rs-mk__picker-icon svg{width:21px;height:21px}.rs-mk__picker-info{flex:1;min-width:0}.rs-mk__picker-title{display:block;font-weight:800;color:#f8fafc;margin-bottom:.25rem}.rs-mk__picker-desc{display:block;font-size:.85rem;line-height:1.45;color:var(--rs-text-dim)}.rs-mk__picker-arrow{width:20px;height:20px;color:var(--rs-accent);flex-shrink:0;opacity:.7;transition:transform .2s,opacity .2s}.rs-mk__picker-card:hover .rs-mk__picker-arrow{transform:translate(4px);opacity:1}.rs-mk__faq{margin-top:3.5rem}.rs-mk__faq-list{display:flex;flex-direction:column;gap:.9rem;max-width:820px;margin:0 auto}.rs-mk__faq-item{border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border);transition:border-color .25s,background .25s}.rs-mk__faq-item:hover{border-color:#60a5fa59}.rs-mk__faq-item[open]{border-color:#60a5fa73;background:#3b82f60d}.rs-mk__faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;font-weight:700;color:#f1f5f9;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.rs-mk__faq-q::-webkit-details-marker{display:none}.rs-mk__faq-q:after{content:"+";flex-shrink:0;font-size:1.4rem;font-weight:600;color:var(--rs-accent);transition:transform .2s}.rs-mk__faq-item[open] .rs-mk__faq-q:after{transform:rotate(45deg)}.rs-mk__faq-a{padding:0 1.3rem 1.2rem;font-size:.95rem;line-height:1.65;color:var(--rs-text-muted)}.rs-landing__footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.rs-landing__footer-links a{color:var(--rs-text-dim);transition:color .2s}.rs-landing__footer-links a:hover{color:var(--rs-accent)}.rs-mk__fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.rs-mk__fab-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--rs-gradient);color:#fff;box-shadow:0 14px 34px #3b82f673;transition:transform .2s,box-shadow .2s}.rs-mk__fab-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 40px #3b82f68c}.rs-mk__fab-btn:active{transform:scale(.96)}.rs-mk__fab-panel{width:300px;max-width:calc(100vw - 3rem);border-radius:var(--rs-radius-lg);background:var(--rs-card-solid);border:1px solid var(--rs-border-strong);box-shadow:0 24px 60px #00000080;padding:1rem;display:flex;flex-direction:column;gap:.6rem;animation:rs-fab-in .25s ease;transform-origin:bottom right}@keyframes rs-fab-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rs-mk__fab-panel-head{display:flex;align-items:center;gap:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--rs-border)}.rs-mk__fab-avatar{width:40px;height:40px;border-radius:50%;background:var(--rs-gradient);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rs-mk__fab-panel-head strong{display:block;font-size:.95rem;color:#f1f5f9}.rs-mk__fab-status{font-size:.78rem;color:#34d399}.rs-mk__fab-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:10px;font-size:.9rem;color:var(--rs-text-muted);transition:background .2s,color .2s}.rs-mk__fab-link svg{width:18px;height:18px;color:var(--rs-accent)}.rs-mk__fab-link:hover{background:#3b82f61a;color:var(--rs-text)}.rs-mk__fab-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;border-radius:12px;background:var(--rs-gradient);color:#fff;font-weight:700;font-size:.95rem;box-shadow:var(--rs-shadow-accent);transition:transform .2s,box-shadow .2s}.rs-mk__fab-cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px #3b82f673}@media(max-width:640px){.rs-mk__picker{padding:2.4rem 1.1rem}.rs-mk__picker-grid{grid-template-columns:1fr}.rs-landing__footer{flex-direction:column;text-align:center}.rs-mk__fab{bottom:1rem;right:1rem}}.rs-lp__header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b14d1;border-bottom:1px solid rgba(255,255,255,.06)}.rs-lp__header-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.rs-lp__header-logo{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:#f8fafc}.rs-lp__header-logo-icon{width:38px;height:38px;border-radius:11px;background:var(--rs-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--rs-shadow-accent)}.rs-lp__header-logo-icon svg{width:20px;height:20px}.rs-lp__header-logo-name{font-size:1.1rem;font-weight:800;letter-spacing:.2px;color:#f8fafc}.rs-lp__header-nav{display:flex;align-items:center;gap:1.6rem}.rs-lp__header-link{color:var(--rs-text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.rs-lp__header-link:hover,.rs-lp__header-link--active{color:#fff}.rs-lp__header-link--active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:999px;background:var(--rs-gradient)}.rs-lp__dropdown{position:relative}.rs-lp__dropdown-toggle{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--rs-text-muted);font-size:.95rem;font-weight:500;cursor:pointer;padding:.35rem 0;transition:color .2s}.rs-lp__dropdown-toggle:hover{color:#fff}.rs-lp__dropdown-toggle svg{width:16px;height:16px;transition:transform .2s}.rs-lp__dropdown[open] .rs-lp__dropdown-toggle svg{transform:rotate(180deg)}.rs-lp__dropdown-menu{position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%);min-width:220px;padding:.6rem;border-radius:14px;background:var(--rs-card-solid);border:1px solid var(--rs-border-strong);box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:.25rem}.rs-lp__dropdown-category{padding:.55rem .8rem;border-radius:10px;color:var(--rs-text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-top:.2rem}.rs-lp__dropdown-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:10px;color:var(--rs-text);text-decoration:none;font-size:.92rem;font-weight:600;transition:background .2s,color .2s}.rs-lp__dropdown-item:hover{background:#3b82f61f;color:#fff}.rs-lp__dropdown-item svg{width:18px;height:18px;color:var(--rs-accent);flex-shrink:0}.rs-lp__header-actions{display:flex;align-items:center;gap:1rem}.rs-lp__header-login{color:var(--rs-accent);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.rs-lp__header-login:hover{color:var(--rs-accent-2)}.rs-lp__menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--rs-border);background:#ffffff0a;color:#fff;cursor:pointer}.rs-lp__mobile-nav{display:none;flex-direction:column;gap:.6rem;padding:1rem 1.5rem 1.4rem;border-top:1px solid rgba(255,255,255,.06)}.rs-lp__mobile-nav[open]{display:flex}.rs-lp__mobile-link{color:var(--rs-text);text-decoration:none;font-weight:600;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.rs-lp__mobile-group-title{color:var(--rs-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:.6rem 0 .2rem}.rs-lp__mobile-solutions{display:flex;flex-direction:column;gap:.35rem}.rs-lp__mobile-solution{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:10px;color:var(--rs-text);text-decoration:none;font-size:.92rem;font-weight:600}.rs-lp__mobile-solution svg{width:18px;height:18px;color:var(--rs-accent)}.rs-seg__categories{margin:0 0 5rem}.rs-seg__category{margin-bottom:2.6rem}.rs-seg__category-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}.rs-seg__category-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--rs-gradient);box-shadow:var(--rs-shadow-accent)}.rs-seg__category-icon svg{width:18px;height:18px}.rs-seg__category-title{font-size:1.05rem;font-weight:800;color:#f1f5f9;letter-spacing:.2px}.rs-seg__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.rs-seg__card{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border);text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,background .25s}.rs-seg__card:hover{transform:translateY(-4px);border-color:#60a5fa73;background:#3b82f60f}.rs-seg__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.rs-seg__card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#3b82f6e6,#1e40afe6);box-shadow:0 8px 18px #3b82f640}.rs-seg__card-icon svg{width:20px;height:20px}.rs-seg__card-arrow{width:18px;height:18px;color:var(--rs-accent);opacity:.7;transition:transform .2s,opacity .2s}.rs-seg__card:hover .rs-seg__card-arrow{transform:translate(3px);opacity:1}.rs-seg__card-title{font-size:1.05rem;font-weight:800;color:#f8fafc}.rs-seg__card-desc{font-size:.92rem;line-height:1.55;color:var(--rs-text-dim)}.rs-seg__card-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;font-size:.88rem;font-weight:700;color:var(--rs-accent)}.rs-seg__card-cta svg{width:16px;height:16px}.rs-landing__ops{margin-top:3.5rem}.rs-landing__ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.rs-landing__ops-card{padding:1.4rem;border-radius:var(--rs-radius);background:var(--rs-card);border:1px solid var(--rs-border)}.rs-landing__ops-title{font-size:1rem;font-weight:800;color:#f1f5f9;margin-bottom:.6rem}.rs-landing__ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.rs-landing__ops-list li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:var(--rs-text-muted)}.rs-landing__ops-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rs-accent);flex-shrink:0}.rs-mk__testimonials-meta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.6rem;color:var(--rs-text-muted);font-size:.9rem}.rs-mk__testimonials-meta strong{color:#f8fafc;font-weight:700}.rs-landing__cta-big-title{font-size:clamp(1.7rem,3.8vw,2.5rem);font-weight:800;letter-spacing:-.4px;color:#f8fafc;margin-bottom:.8rem}.rs-landing__cta-big-desc{color:var(--rs-text-muted);max-width:640px;margin:0 auto 1.9rem;line-height:1.65;font-size:1.05rem}.rs-landing__footer-grid{margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.rs-landing__footer-col-title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#f1f5f9;margin-bottom:.9rem}.rs-landing__footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.rs-landing__footer-list a{color:var(--rs-text-dim);text-decoration:none;font-size:.9rem;transition:color .2s}.rs-landing__footer-list a:hover{color:var(--rs-accent)}.rs-landing__footer-bottom{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;color:var(--rs-text-dim);font-size:.86rem}@media(max-width:980px){.rs-lp__header-nav,.rs-lp__header-actions .rs-lp__header-login{display:none}.rs-lp__menu-btn{display:flex}.rs-landing__footer-grid{grid-template-columns:repeat(2,1fr)}.rs-seg__grid{grid-template-columns:1fr}}@media(max-width:640px){.rs-lp__header-inner{padding:.6rem 1.1rem}.rs-landing__footer-grid{grid-template-columns:1fr}.rs-landing__footer-bottom{flex-direction:column;text-align:center}.rs-mk__hero-chip--sales{left:-6px}.rs-mk__hero-chip--save{right:-6px}}.rs-plans__mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:.9rem 1.1rem;background:#070b14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}.rs-plans__mobile-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem;border-radius:12px;background:var(--rs-gradient);color:#fff;font-weight:800;font-size:.95rem;box-shadow:var(--rs-shadow-accent)}@media(max-width:980px){.rs-plans__mobile-cta{display:block}}.rs-seg__pricing{padding:3.5rem 1.5rem;background:linear-gradient(180deg,#0f172af2,#0f172abf);border-top:1px solid rgba(255,255,255,.06)}.rs-seg__pricing-inner{max-width:960px;margin:0 auto}.rs-seg__pricing-header{text-align:center;margin-bottom:1.5rem}.rs-seg__pricing-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--rs-accent);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}.rs-seg__pricing-title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;color:#f8fafc;margin:0}.rs-seg__pricing-tag{display:inline-block;margin-left:.4rem;padding:.2rem .6rem;border-radius:999px;background:#ffffff14;color:#cbd5e1;font-size:.8rem;font-weight:600}.rs-seg__pricing-desc{margin-top:.5rem;color:var(--rs-text-muted);font-size:.95rem}.rs-seg__pricing-card{max-width:520px;margin:0 auto;padding:1.25rem;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.rs-seg__pricing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.rs-seg__pricing-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.rs-seg__pricing-old{color:#94a3b8;text-decoration:line-through;font-size:.9rem}.rs-seg__pricing-val{font-size:1.6rem;font-weight:800;color:#f8fafc}.rs-seg__pricing-per{color:#cbd5e1;font-weight:600}.rs-seg__pricing-note{margin-top:.25rem;color:#94a3b8;font-size:.8rem}.rs-seg__pricing-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;background:#22c55e26;color:#bbf7d0;border:1px solid rgba(34,197,94,.25);font-size:.8rem;font-weight:700;white-space:nowrap}.rs-seg__pricing-badge-icon{width:16px;height:16px}.rs-seg__pricing-list{list-style:none;padding:0;margin:0 0 1.1rem;display:grid;gap:.5rem}.rs-seg__pricing-list li{display:flex;align-items:flex-start;gap:.6rem;color:#e2e8f0;font-size:.95rem}.rs-seg__pricing-list svg{width:18px;height:18px;color:#22c55e;flex-shrink:0;margin-top:.1rem}.rs-seg__pricing-actions{display:flex;flex-direction:column;gap:.6rem}.rs-seg__pricing-btn-primary,.rs-seg__pricing-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.85rem 1rem;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none}.rs-seg__pricing-btn-primary{background:var(--rs-gradient);color:#fff;box-shadow:var(--rs-shadow-accent)}.rs-seg__pricing-btn-ghost{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.rs-seg__pricing-guarantee{margin-top:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#94a3b8;font-size:.82rem}@media(max-width:640px){.rs-seg__pricing{padding:2.5rem 1rem}.rs-seg__pricing-card{padding:1rem}}.stat-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:all var(--duration-300) var(--ease);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-card-accent);opacity:0;transition:opacity var(--duration-300) var(--ease)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-2)}.stat-card:active{transform:translateY(-2px)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stat-card--primary{--stat-card-accent: var(--primary-500)}.stat-card--success{--stat-card-accent: var(--success-500)}.stat-card--warning{--stat-card-accent: var(--warning-500)}.stat-card--danger{--stat-card-accent: var(--danger-500)}.stat-card--info{--stat-card-accent: var(--info-500)}.stat-card--purple{--stat-card-accent: var(--color-secondary)}.stat-card__icon-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.stat-card__icon-bg{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--stat-card-accent) 0%,color-mix(in srgb,var(--stat-card-accent) 70%,black) 100%);box-shadow:0 8px 20px -4px color-mix(in srgb,var(--stat-card-accent) 40%,transparent);flex-shrink:0}.stat-card__icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.stat-card__trend{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;flex-shrink:0;margin-top:var(--sp-1)}.stat-card__trend--up{background:rgba(var(--success-500-rgb),.12);color:var(--success-600);border:1px solid rgba(var(--success-500-rgb),.2)}.stat-card__trend--down{background:rgba(var(--danger-500-rgb),.12);color:var(--danger-600);border:1px solid rgba(var(--danger-500-rgb),.2)}.stat-card__trend--neutral{background:rgba(var(--neutral-500-rgb),.12);color:var(--neutral-600);border:1px solid rgba(var(--neutral-500-rgb),.2)}.stat-card__trend-icon{width:12px;height:12px;flex-shrink:0}.stat-card__trend-value{font-variant-numeric:tabular-nums}.stat-card__trend-label{font-weight:var(--fw-medium);opacity:.8}.stat-card__content{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.stat-card__label{margin:0;font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);line-height:var(--leading-tight)}.stat-card__value-wrapper{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--fw-extrabold);color:var(--text-1);line-height:var(--leading-tight);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-card__subtitle{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-3);align-self:flex-end;margin-bottom:2px}@media(max-width:1024px){.stat-card{padding:var(--sp-4)}.stat-card__value{font-size:var(--text-2xl)}.stat-card__icon-bg{width:44px;height:44px}}@media(max-width:640px){.stat-card{padding:var(--sp-3)}.stat-card__value{font-size:var(--text-xl)}.stat-card__icon-bg{width:40px;height:40px}.stat-card__icon{width:20px;height:20px}}.stat-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}@media(max-width:1024px){.stat-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:640px){.stat-cards-grid{grid-template-columns:1fr}}@keyframes auroraFlow{0%{background-position:0% 0%,100% 100%,50% 0%}50%{background-position:50% 80%,20% 40%,100% 50%}to{background-position:100% 100%,0% 0%,0% 100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #3b82f633}50%{box-shadow:0 0 25px #3b82f666}}.erp-login{display:flex;min-height:100vh;font-family:var(--font-family-base);background:var(--surface-0);overflow-x:hidden}.erp-login__brand{display:none;width:45%;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.25) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.22) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.15) 0%,transparent 50%),linear-gradient(135deg,#0b0f19,#111827);background-size:200% 200%,200% 200%,150% 150%,100% 100%;position:relative;overflow:hidden;flex-shrink:0;animation:auroraFlow 20s ease infinite alternate}@media(min-width:1024px){.erp-login__brand{display:flex;flex-direction:column}}.erp-login__brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);pointer-events:none}.erp-login__brand-inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:4rem 3.5rem;gap:2.5rem;justify-content:space-between}.erp-login__logo{display:flex;align-items:center;gap:1.25rem;text-decoration:none}.erp-login__logo-icon{width:54px;height:54px;background:linear-gradient(135deg,var(--primary-500),#7c3aed);border:1px solid rgba(255,255,255,.15);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #3b82f64d;flex-shrink:0;transition:transform .4s var(--ease-bounce),box-shadow .4s ease}.erp-login__logo:hover .erp-login__logo-icon{transform:rotate(8deg) scale(1.08);box-shadow:0 12px 35px #3b82f673,0 0 15px #7c3aed4d}.erp-login__logo-name{font-size:1.5rem;font-weight:800;color:var(--text-inverse);letter-spacing:-.03em;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.erp-login__logo-tag{font-size:.7rem;color:#ffffff73;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:.125rem}.erp-login__brand-headline{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.erp-login__brand-title{font-size:2.75rem;font-weight:900;color:var(--text-inverse);line-height:1.15;letter-spacing:-.04em;margin-bottom:1.25rem}.erp-login__brand-accent{background:linear-gradient(135deg,var(--primary-400),#a78bfa,var(--success-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.erp-login__brand-desc{font-size:1.05rem;color:#fff9;line-height:1.6;max-width:400px}.erp-login__features{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.erp-login__feature{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 30px #00000005}.erp-login__feature:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 30px #00000026,inset 0 0 15px #ffffff0d}.erp-login__feature-icon{width:36px;height:36px;background:#3b82f626;border:1px solid rgba(59,130,246,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary-400);flex-shrink:0;transition:all .3s ease}.erp-login__feature:hover .erp-login__feature-icon{background:#3b82f640;transform:scale(1.05);color:#fff}.erp-login__feature-title{font-size:.9rem;font-weight:700;color:#fffffff2;margin-bottom:.125rem}.erp-login__feature-desc{font-size:.78rem;color:#ffffff73;line-height:1.4}.erp-login__brand-footer{display:flex;justify-content:space-between;gap:1.5rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.08)}.erp-login__brand-stat{display:flex;flex-direction:column;gap:.25rem}.erp-login__brand-stat-value{font-size:1rem;font-weight:800;color:var(--text-inverse);letter-spacing:-.01em}.erp-login__brand-stat-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.erp-login__form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:radial-gradient(circle at 90% 10%,rgba(59,130,246,.03) 0%,transparent 60%),radial-gradient(circle at 10% 90%,rgba(124,58,237,.03) 0%,transparent 60%),var(--surface-0);min-height:100vh;position:relative}.erp-login__form-inner{width:100%;max-width:440px;display:flex;flex-direction:column;gap:2rem;animation:slideInUp .6s cubic-bezier(.16,1,.3,1)}.erp-login__form-header{display:flex;align-items:center;gap:1.25rem}.erp-login__form-lock{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px #3b82f640;animation:pulseGlow 3s infinite}.erp-login__form-title{font-size:1.5rem;font-weight:800;color:var(--text-1);letter-spacing:-.03em;margin:0}.erp-login__form-subtitle{font-size:.85rem;color:var(--text-3);margin:.25rem 0 0}.erp-login__steps{display:flex;align-items:center;gap:0;background:var(--surface-1);border:1px solid var(--border-1);border-radius:14px;padding:.875rem 1.25rem;box-shadow:var(--shadow-xs)}.erp-login__step{display:flex;align-items:center;gap:.5rem;flex:1;position:relative}.erp-login__step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700;transition:all .3s ease}.erp-login__step--active .erp-login__step-dot{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse);box-shadow:0 4px 10px #2563eb4d}.erp-login__step--done .erp-login__step-dot{background:var(--success-500);color:var(--text-inverse);box-shadow:0 4px 10px #22c55e33}.erp-login__step--pending .erp-login__step-dot{background:var(--surface-2);color:var(--text-3);border:1.5px solid var(--border-1)}.erp-login__step-label{font-size:.75rem;font-weight:600;white-space:nowrap}.erp-login__step--active .erp-login__step-label{color:var(--primary-600)}.erp-login__step--done .erp-login__step-label{color:var(--success-600)}.erp-login__step--pending .erp-login__step-label{color:var(--text-3)}.erp-login__step-line{flex:1;height:2px;background:var(--border-1);margin:0 .75rem}.erp-login__step--done+.erp-login__step-line{background:var(--success-200)}.erp-login__alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:600;animation:slideInUp .3s cubic-bezier(.16,1,.3,1)}.erp-login__alert--error{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-600);box-shadow:0 4px 12px #ef44440d}.erp-login__fields{display:flex;flex-direction:column;gap:1.25rem;background:var(--surface-1);border:1px solid var(--border-1);border-radius:20px;padding:2.25rem;box-shadow:var(--shadow-xl),0 0 40px #00000003;transition:all .3s ease}.erp-login__fields:hover{box-shadow:var(--shadow-2xl),0 0 50px #3b82f605}.erp-login__field{display:flex;flex-direction:column;gap:.5rem}.erp-login__label{font-size:.82rem;font-weight:700;color:var(--text-2);letter-spacing:.01em}.erp-login__input-wrap{position:relative;display:flex;align-items:center}.erp-login__input-icon{position:absolute;left:1rem;width:17px;height:17px;color:var(--text-3);pointer-events:none;flex-shrink:0;transition:color .25s ease}.erp-login__input{width:100%;padding:.8125rem 1rem .8125rem 2.6rem;font-size:.9375rem;color:var(--text-1);background:var(--surface-2);border:1.5px solid var(--border-1);border-radius:12px;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:var(--font-family-base)}.erp-login__input::placeholder{color:var(--text-4);opacity:.8}.erp-login__input:focus{background:var(--surface-1);border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61f,var(--shadow-sm)}.erp-login__input:focus+.erp-login__input-icon{color:var(--primary-500)}.erp-login__input:hover:not(:focus):not(:disabled){border-color:var(--border-2);background:var(--surface-1)}.erp-login__input--error{border-color:var(--danger-300);background:var(--danger-50)}.erp-login__input--error:focus{border-color:var(--danger-500);box-shadow:0 0 0 4px #ef44441f}.erp-login__input--readonly{color:var(--text-3);cursor:default;padding-right:2.5rem;background:var(--surface-2);border-color:var(--border-1)}.erp-login__input-check{position:absolute;right:1rem;width:18px;height:18px;color:var(--success-500);pointer-events:none}.erp-login__eye-btn{position:absolute;right:1rem;background:none;border:none;color:var(--text-3);cursor:pointer;padding:.25rem;border-radius:8px;display:flex;align-items:center;transition:all .2s ease}.erp-login__eye-btn:hover{color:var(--primary-500);background:var(--surface-2)}.erp-login__field-error{display:flex;align-items:center;gap:.375rem;font-size:.78rem;color:var(--danger-500);font-weight:600;margin-top:.125rem}.erp-login__btn{width:100%;padding:.8125rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-family-base)}.erp-login__btn--primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:var(--text-inverse);box-shadow:0 4px 18px #2563eb40;position:relative;overflow:hidden}.erp-login__btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.12),transparent);opacity:0;transition:opacity .2s ease}.erp-login__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #2563eb59}.erp-login__btn--primary:hover:not(:disabled):after{opacity:1}.erp-login__btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #2563eb33}.erp-login__btn--primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.erp-login__btn--ghost{background:transparent;color:var(--text-2);border:1.5px solid var(--border-1)}.erp-login__btn--ghost:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text-1);transform:translateY(-1px)}.erp-login__btn--ghost:active{transform:translateY(0)}.erp-login__tenant-header{padding-bottom:.5rem}.erp-login__tenant-greeting{font-size:.9rem;color:var(--text-2);margin:0;line-height:1.4}.erp-login__tenant-list{display:flex;flex-direction:column;gap:.75rem}.erp-login__tenant-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface-2);border:1.5px solid var(--border-1);border-radius:14px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;font-family:var(--font-family-base)}.erp-login__tenant-item:hover{background:var(--surface-1);border-color:var(--primary-500);box-shadow:0 4px 12px #2563eb14;transform:translateY(-1px)}.erp-login__tenant-item--selected{background:#3b82f60d;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626}.erp-login__tenant-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:1rem;font-weight:800;flex-shrink:0}.erp-login__tenant-info{flex:1;min-width:0}.erp-login__tenant-name{font-size:.95rem;font-weight:700;color:var(--text-1)}.erp-login__tenant-desc{font-size:.78rem;color:var(--text-3);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-login__tenant-arrow{color:var(--text-3);flex-shrink:0;transition:transform .2s ease,color .2s ease}.erp-login__tenant-item:hover .erp-login__tenant-arrow{transform:translate(4px);color:var(--primary-500)}.erp-login__form-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--text-4);font-weight:500}@media(max-width:1023px){.erp-login__form-panel{background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.2) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.18) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.12) 0%,transparent 50%),linear-gradient(135deg,#0b0f19,#111827);background-size:200% 200%,200% 200%,150% 150%,100% 100%;animation:auroraFlow 20s ease infinite alternate}.erp-login__form-inner{max-width:410px}.erp-login__form-title{color:var(--text-inverse)}.erp-login__form-subtitle{color:#ffffff8c}.erp-login__fields{background:#fffffffa;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0000004d}.erp-login__steps{background:#ffffff0d;border-color:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.erp-login__step--pending .erp-login__step-dot{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff59}.erp-login__step--pending .erp-login__step-label{color:#ffffff59}.erp-login__step-line{background:#ffffff14}.erp-login__form-footer{color:#ffffff4d}}@media(max-width:480px){.erp-login__form-panel{padding:1.25rem}.erp-login__fields{padding:1.5rem 1.25rem;border-radius:16px}.erp-login__step-label{display:none}.erp-login__step-line{margin:0 .5rem}}@media(prefers-reduced-motion:reduce){.erp-login__brand,.erp-login__form-panel,.erp-login__btn,.erp-login__tenant-item,.erp-login__alert,.erp-login__logo-icon,.erp-login__feature{animation:none!important;transition:none!important;transform:none!important}.erp-login__btn--primary:hover:not(:disabled){transform:none!important}}.module-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:rgba(var(--surface-1-rgb),.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(var(--border-1-rgb),.6);position:sticky;top:0;z-index:var(--z-sticky);flex-wrap:wrap}.module-header__content{display:flex;align-items:center;gap:var(--sp-4);flex:1 1 auto;min-width:280px}.module-header__info{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0}.module-header__back{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg);border:1px solid var(--border-1);background:rgba(var(--surface-1-rgb),.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--duration-200) var(--ease);flex-shrink:0;white-space:nowrap}.module-header__back:hover{transform:translate(-2px);background:rgba(var(--surface-1-rgb),.9);border-color:var(--border-2);color:var(--text-1);box-shadow:var(--shadow-sm)}.module-header__back:active{transform:translate(0)}.module-header__back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.module-header__icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--gradient-mesh);color:var(--text-inverse);box-shadow:var(--shadow-lg);flex-shrink:0;position:relative;overflow:hidden}.module-header__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%)}.module-header__icon>*{width:24px;height:24px;position:relative;z-index:1}.module-header__title{margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;color:var(--text-1);line-height:var(--leading-tight);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.module-header__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--sp-2);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:700;box-shadow:var(--shadow-primary);border:1px solid rgba(255,255,255,.2);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:var(--shadow-primary)}50%{box-shadow:0 4px 16px #3b82f666}}.module-header__subtitle{margin:2px 0 0;font-size:var(--text-sm);color:var(--text-3);line-height:var(--leading-relaxed);font-weight:var(--fw-normal)}.module-header__actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.module-header__action-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--duration-200) var(--ease);white-space:nowrap;border:none}.module-header__action-btn .btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-header__action-btn span:not(.btn__icon){display:inline-block}.module-header__action-btn.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);border:1px solid transparent}.module-header__action-btn.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #3b82f659}.module-header__action-btn.btn--primary:active:not(:disabled){transform:translateY(0)}.module-header__action-btn.btn--secondary{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-1)}.module-header__action-btn.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-2)}.module-header__action-btn.btn--ghost{background:transparent;color:var(--text-2);border:1px solid transparent}.module-header__action-btn.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-1)}.module-header__action-btn.btn--danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-danger);border:1px solid transparent}.module-header__action-btn.btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #ef444459}.module-header__action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.module-header__action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.module-header--minimal{padding:var(--sp-4) var(--sp-6);background:transparent;border-bottom:1px solid var(--border-1);-webkit-backdrop-filter:none;backdrop-filter:none}.module-header--minimal .module-header__icon{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.module-header--elevated{padding:var(--sp-6) var(--sp-6);background:var(--surface-1);border-bottom:none;box-shadow:var(--shadow-card)}.module-header--elevated .module-header__back{background:var(--surface-2);border-color:var(--border-1)}.module-header--elevated .module-header__back:hover{background:var(--surface-3)}.module{height:100%;display:flex;flex-direction:column;background:var(--surface-0);background-image:var(--gradient-mesh);background-attachment:fixed;animation:fadeIn var(--duration-300) var(--ease-out)}.module__tabs{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6) var(--sp-4);background:rgba(var(--surface-1-rgb),.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--border-1-rgb),.6);position:sticky;top:64px;z-index:calc(var(--z-sticky) - 1)}.module__body{flex:1;overflow-y:auto;padding:var(--sp-0);background:transparent}@media(max-width:768px){.module-header{padding:var(--sp-4) var(--sp-4);flex-direction:column;align-items:flex-start;gap:var(--sp-4)}.module-header__content{width:100%;flex-wrap:wrap}.module-header__info{flex:1;min-width:0}.module-header__actions{width:100%;justify-content:flex-end}.module-header__title{font-size:var(--text-xl)}.module-header__icon{width:40px;height:40px}.module__tabs{padding:var(--sp-3) var(--sp-4);overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:640px){.module-header{padding:var(--sp-3)}.module-header__back span{display:none}.module-header__back{padding:var(--sp-2)}.module-header__icon{width:36px;height:36px}.module-header__icon>*{width:20px;height:20px}.module-header__actions{gap:var(--sp-2)}.module-header__action-btn{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}.module-header__action-btn span:not(.btn__icon){display:none}.module-header__action-btn .btn__icon{margin:0}.module-header__action-btn .btn__icon>*{width:20px;height:20px}}.tabs-navigation{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);position:relative}.tabs-navigation__container{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;flex:1;min-width:0;padding:var(--sp-1) 0;margin:0 calc(var(--sp-1) * -1);padding-inline:var(--sp-1);scroll-padding-inline:var(--sp-4)}.tabs-navigation__container::-webkit-scrollbar{height:6px}.tabs-navigation__container::-webkit-scrollbar-track{background:transparent}.tabs-navigation__container::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--radius-full)}.tabs-navigation__container::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.tabs-navigation__scroll-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-1);background:var(--surface-1);color:var(--text-2);cursor:pointer;transition:all var(--duration-200) var(--ease);flex-shrink:0;z-index:1}.tabs-navigation__scroll-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2);color:var(--text-1);box-shadow:var(--shadow-sm)}.tabs-navigation__scroll-btn:disabled{opacity:.3;cursor:not-allowed}.tabs-navigation__scroll-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tabs-navigation:has(.tabs-navigation__container::-webkit-scrollbar-thumb) .tabs-navigation__scroll-btn,.tabs-navigation[data-scrollable=true] .tabs-navigation__scroll-btn{display:flex}.tabs-navigation__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-1);background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);color:var(--text-2);border-radius:var(--radius-xl);cursor:pointer;font-weight:var(--fw-semibold);font-size:var(--text-sm);transition:all var(--duration-200) var(--ease);box-shadow:var(--shadow-xs);position:relative;white-space:nowrap;animation:tabFadeIn var(--duration-300) var(--ease-out) backwards;height:44px;min-width:fit-content}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tabs-navigation__tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.08) 100%);opacity:0;transition:opacity var(--duration-200) var(--ease);border-radius:inherit}.tabs-navigation__tab:hover:not(.tabs-navigation__tab--disabled){background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);border-color:var(--border-2);color:var(--text-1);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tabs-navigation__tab:hover:not(.tabs-navigation__tab--disabled):before{opacity:1}.tabs-navigation__tab:active:not(.tabs-navigation__tab--disabled){transform:translateY(0) scale(.99)}.tabs-navigation__tab--active{background:var(--gradient-primary);color:#fff;font-weight:var(--fw-bold);border-color:var(--primary-600);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.tabs-navigation__tab--active:before{opacity:1;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.12) 100%)}.tabs-navigation__tab--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tabs-navigation__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tabs-navigation__tab-icon{flex-shrink:0;transition:transform var(--duration-200) var(--ease);opacity:.9}.tabs-navigation__tab:hover:not(.tabs-navigation__tab--disabled) .tabs-navigation__tab-icon{transform:scale(1.1)}.tabs-navigation__tab--active .tabs-navigation__tab-icon{opacity:1}.tabs-navigation__tab-label{flex-shrink:0}.tabs-navigation__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-2);font-size:var(--text-xs);font-weight:var(--fw-bold);box-shadow:var(--shadow-xs);border:1px solid var(--border-1);transition:all var(--duration-200) var(--ease)}.tabs-navigation__tab--active .tabs-navigation__tab-badge{background:#fff3;color:#fff;border-color:#ffffff4d;box-shadow:var(--shadow-sm)}.tabs-navigation__tab-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--primary-400);border-radius:var(--radius-full) var(--radius-full) 0 0;transition:width var(--duration-300) var(--ease-out),transform var(--duration-300) var(--ease-out);box-shadow:0 2px 8px #3b82f666}.tabs-navigation__tab--active .tabs-navigation__tab-indicator{width:60%;animation:indicatorSlide var(--duration-400) var(--ease-out)}@keyframes indicatorSlide{0%{width:0;transform:translate(-50%) scaleX(.5)}to{width:60%;transform:translate(-50%) scaleX(1)}}.tabs-navigation--pills .tabs-navigation__tab{border-radius:var(--radius-full);padding:var(--sp-2) var(--sp-4)}.tabs-navigation--pills .tabs-navigation__tab--active{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.tabs-navigation--pills .tabs-navigation__tab-indicator{display:none}.tabs-navigation--underline{border-bottom:2px solid var(--border-1);padding-bottom:0;gap:0}.tabs-navigation--underline .tabs-navigation__container{padding-bottom:0;margin-bottom:0}.tabs-navigation--underline .tabs-navigation__tab{border:none;background:transparent;border-radius:0;padding:var(--sp-3) var(--sp-4);box-shadow:none;color:var(--text-3);font-weight:var(--fw-medium)}.tabs-navigation--underline .tabs-navigation__tab:before{display:none}.tabs-navigation--underline .tabs-navigation__tab:hover:not(.tabs-navigation__tab--disabled){background:transparent;color:var(--text-1);transform:none;box-shadow:none}.tabs-navigation--underline .tabs-navigation__tab:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full) var(--radius-full) 0 0;transition:width var(--duration-300) var(--ease-out)}.tabs-navigation--underline .tabs-navigation__tab--active:after{width:100%;transform:translate(-50%)}.tabs-navigation--underline .tabs-navigation__tab--active{color:var(--text-1);font-weight:var(--fw-bold);background:transparent;box-shadow:none}.tabs-navigation--underline .tabs-navigation__tab-indicator{display:none}.tabs-navigation--segmented{background:var(--surface-2);border-radius:var(--radius-xl);padding:var(--sp-1);gap:0;border:1px solid var(--border-1)}.tabs-navigation--segmented .tabs-navigation__container{padding:0;margin:0}.tabs-navigation--segmented .tabs-navigation__tab{border-radius:var(--radius-lg);border:none;background:transparent;box-shadow:none;color:var(--text-3);font-weight:var(--fw-medium);height:40px}.tabs-navigation--segmented .tabs-navigation__tab:before{display:none}.tabs-navigation--segmented .tabs-navigation__tab:hover:not(.tabs-navigation__tab--disabled){background:var(--surface-1);color:var(--text-1);transform:none;box-shadow:none}.tabs-navigation--segmented .tabs-navigation__tab--active{background:var(--surface-1);color:var(--text-1);box-shadow:var(--shadow-sm);font-weight:var(--fw-semibold);border:none}.tabs-navigation--segmented .tabs-navigation__tab-indicator{display:none}.tabs-navigation--segmented .tabs-navigation__tab-badge{background:var(--primary-100);color:var(--primary-700);border-color:var(--primary-200)}.tabs-navigation--segmented .tabs-navigation__tab--active .tabs-navigation__tab-badge{background:var(--primary-500);color:#fff;border-color:transparent}.tabs-navigation--sm .tabs-navigation__tab{padding:var(--sp-1-5) var(--sp-3);font-size:var(--text-xs);gap:var(--sp-1);height:36px}.tabs-navigation--sm .tabs-navigation__tab-badge{min-width:16px;height:16px;padding:0 5px;font-size:10px}.tabs-navigation--sm .tabs-navigation__scroll-btn{width:32px;height:32px}.tabs-navigation--lg .tabs-navigation__tab{padding:var(--sp-3) var(--sp-5);font-size:var(--text-base);gap:var(--sp-3);height:52px}.tabs-navigation--lg .tabs-navigation__tab-badge{min-width:22px;height:22px;padding:0 8px;font-size:var(--text-sm)}.tabs-navigation--lg .tabs-navigation__scroll-btn{width:40px;height:40px}@media(max-width:1024px){.tabs-navigation{padding:0 var(--sp-3)}.tabs-navigation__container{margin:0 calc(var(--sp-1) * -1);padding-inline:var(--sp-1)}.tabs-navigation__tab{padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);height:40px}}@media(max-width:768px){.tabs-navigation{padding:0 var(--sp-2)}.tabs-navigation__container{margin:0 calc(var(--sp-1) * -1);padding-inline:var(--sp-1);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tabs-navigation__tab{scroll-snap-align:start;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);height:40px;border-radius:var(--radius-lg)}.tabs-navigation__scroll-btn{display:flex;background:linear-gradient(90deg,transparent,var(--surface-1) 30%,var(--surface-1));border:none;box-shadow:none}.tabs-navigation__scroll-btn--left{background:linear-gradient(90deg,var(--surface-1) 70%,transparent);margin-right:calc(var(--sp-1) * -1);padding-left:var(--sp-3)}.tabs-navigation__scroll-btn--right{background:linear-gradient(270deg,var(--surface-1) 70%,transparent);margin-left:calc(var(--sp-1) * -1);padding-right:var(--sp-3)}.tabs-navigation--underline .tabs-navigation__tab{padding:var(--sp-3) var(--sp-3)}.tabs-navigation--segmented .tabs-navigation__tab{padding:var(--sp-2) var(--sp-3);height:38px}}@media(max-width:480px){.tabs-navigation__tab-label{display:none}.tabs-navigation__tab{padding:var(--sp-2);min-width:44px;justify-content:center}.tabs-navigation__tab-icon{width:20px;height:20px}.tabs-navigation__tab-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;font-size:9px}.tabs-navigation--underline .tabs-navigation__tab{padding:var(--sp-2)}}.cust-screen{padding:var(--sp-3);max-width:1400px;margin:0 auto;background-color:var(--bg-primary);min-height:100vh}.cust-screen__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-color)}.cust-screen__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.cust-screen__subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.cust-screen__back{display:flex;align-items:center;padding:.75rem 1rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cust-screen__back:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.cust-dashboard{margin-bottom:var(--sp-4)}.cust-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.cust-dashboard__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:var(--sp-3);transition:all .2s ease}.cust-dashboard__card:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a}.cust-dashboard__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cust-dashboard__card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.cust-dashboard__card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.cust-dashboard__card-percentage{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.cust-dashboard__card-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.cust-dashboard__card-icon.blue{background-color:rgba(var(--primary-500-rgb),.1);color:#3b82f6}.cust-dashboard__card-icon.green{background-color:rgba(var(--success-500-rgb),.1);color:#22c55e}.cust-dashboard__card-icon.red{background-color:rgba(var(--danger-500-rgb),.1);color:#ef4444}.cust-dashboard__card-icon.yellow{background-color:rgba(var(--warning-500-rgb),.1);color:#f59e0b}.cust-dashboard__card-icon.teal{background-color:rgba(var(--color-teal-rgb),.1);color:#14b8a6}.cust-dashboard__card-icon.purple{background-color:#a855f71a;color:#a855f7}.cust-list{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.cust-list__header{padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.cust-list__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.cust-list__filters{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.cust-list__filter{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.cust-list__filter label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.cust-list__filter input,.cust-list__filter select{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.cust-list__filter input:focus,.cust-list__filter select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1)}.cust-list__actions{display:flex;gap:1rem;margin-top:1rem}.cust-list__table{width:100%;border-collapse:collapse}.cust-list__table th{text-align:left;padding:1rem;background-color:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.cust-list__table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.cust-list__table tr:hover{background-color:var(--bg-secondary)}.cust-list__table tr:last-child td{border-bottom:none}.cust-list__level{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cust-list__level.low{background-color:rgba(var(--primary-500-rgb),.1);color:#3b82f6}.cust-list__level.medium{background-color:rgba(var(--warning-500-rgb),.1);color:#f59e0b}.cust-list__level.high{background-color:#fb923c1a;color:#fb923c}.cust-list__level.critical{background-color:rgba(var(--danger-500-rgb),.1);color:#ef4444}.cust-list__actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.cust-list__action-btn{padding:.375rem .625rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;font-size:.75rem}.cust-list__action-btn:hover{background-color:var(--bg-secondary);border-color:var(--border-hover)}.cust-list__action-btn.primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cust-list__action-btn.primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.cust-list__action-btn.danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.cust-list__action-btn.danger:hover{background-color:#dc2626;border-color:#dc2626}.cust-settings{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.cust-settings__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.cust-settings__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.cust-settings__section{margin-bottom:2rem}.cust-settings__section:last-child{margin-bottom:0}.cust-settings__section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.cust-settings__field{display:flex;flex-direction:column;gap:.5rem}.cust-settings__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.cust-settings__input,.cust-settings__select,.cust-settings__textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.cust-settings__input:focus,.cust-settings__select:focus,.cust-settings__textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1)}.cust-settings__textarea{resize:vertical;min-height:100px}.cust-settings__checkbox{display:flex;align-items:center;gap:.75rem}.cust-settings__checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--bg-primary);cursor:pointer}.cust-settings__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid var(--border-color)}.cust-detail__value--small{font-size:.875rem;word-break:break-all}.cust-detail__value--small code{background-color:var(--bg-secondary);padding:.125rem .25rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem}@media(max-width:768px){.cust-screen{padding:1rem}.cust-dashboard__grid{grid-template-columns:1fr}.cust-list__filters{flex-direction:column}.cust-list__filter{min-width:100%}.cust-settings__grid,.cust-detail__grid{grid-template-columns:1fr}.cust-screen__header{flex-direction:column;gap:1rem;align-items:stretch}.cust-detail__actions,.cust-settings__actions{flex-direction:column}.cust-list__table{font-size:.875rem}.cust-list__table th,.cust-list__table td{padding:.5rem}.cust-list__actions-cell{flex-direction:column;gap:.25rem}}@media(max-width:480px){.cust-screen{padding:.5rem}.cust-modal{margin:1rem;padding:1.5rem}.cust-detail__header,.cust-detail__content,.cust-detail__footer,.cust-settings{padding:1rem}.cust-list__table th,.cust-list__table td{padding:.375rem}}.module-screen{width:100%;height:100%;background-image:var(--gradient-mesh);display:flex;flex-direction:column;gap:var(--sp-4);overflow:hidden}.module-screen>.module{flex:1;min-height:0}.module-screen__loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-12);color:var(--text-3);font-size:var(--text-sm);font-weight:var(--fw-medium)}.module-screen__loading-text{margin-left:var(--sp-4)}.module-screen__error{padding:var(--sp-8);text-align:center}.module-screen__error-icon{width:3rem;height:3rem;color:var(--danger-500);margin-bottom:var(--sp-2)}.module-screen__error-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-2) 0}.module-screen__error-message{color:var(--text-3);margin-bottom:var(--sp-4);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.module-screen__error-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--border-1);background:var(--surface-1);color:var(--text-1);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:var(--transition);white-space:nowrap}.module-screen__error-btn:hover{background:var(--surface-2);color:var(--text-1)}.module-screen__error-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.module-screen__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--sp-4)}.module-screen__modal-overlay>div{background:var(--surface-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:hidden;border:1px solid var(--border-1);animation:moduleModalSlideIn .3s ease}@keyframes moduleModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.module-screen{padding:var(--sp-4)}}@media(max-width:640px){.module-screen__modal-overlay{padding:var(--sp-2)}.module-screen__modal-overlay>div{max-width:100vw;max-height:100vh;border-radius:var(--radius-lg)}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:fadeIn var(--duration-200) var(--ease)}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration-200) var(--ease)}.modal__container{position:relative;background:var(--surface-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-1);max-height:90vh;width:100%;display:flex;flex-direction:column;overflow:hidden;animation:slideUp var(--duration-300) var(--ease-out)}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal--full{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border-radius:var(--radius-xl)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--surface-2);border-bottom:1px solid var(--border-1);flex-shrink:0}.modal__header-content{display:flex;align-items:flex-start;gap:var(--sp-3);flex:1;min-width:0}.modal__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--gradient-mesh);color:var(--text-inverse);box-shadow:var(--shadow-md);flex-shrink:0}.modal__icon>*{width:20px;height:20px}.modal__title{margin:0;font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);line-height:var(--leading-tight);letter-spacing:-.02em}.modal__subtitle{margin:2px 0 0;font-size:var(--text-sm);color:var(--text-3);line-height:var(--leading-relaxed)}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:transparent;border:1px solid transparent;color:var(--text-3);cursor:pointer;transition:all var(--duration-150) var(--ease);flex-shrink:0}.modal__close:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-1);transform:rotate(90deg)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__body{flex:1;overflow-y:auto;padding:var(--sp-6)}.modal__confirm-message{margin:0;font-size:var(--text-base);color:var(--text-2);line-height:var(--leading-relaxed)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);background:var(--surface-2);border-top:1px solid var(--border-1);flex-shrink:0;flex-wrap:wrap}.modal__footer-actions{display:flex;align-items:center;gap:var(--sp-3);width:100%;justify-content:flex-end}.modal__footer-form{width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.modal{padding:var(--sp-2);align-items:flex-end}.modal--full,.modal--xl,.modal--lg,.modal--md{max-width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUpMobile var(--duration-300) var(--ease-out)}.modal__header,.modal__body{padding:var(--sp-4)}.modal__footer{padding:var(--sp-3) var(--sp-4)}.modal__footer-actions{flex-direction:column-reverse;gap:var(--sp-2)}.modal__footer-actions .btn{width:100%;justify-content:center}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){.modal__header-content{gap:var(--sp-2)}.modal__icon{width:36px;height:36px}.modal__title{font-size:var(--text-lg)}.modal__close{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.modal,.modal__overlay,.modal__container{animation:none}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-4)}.delete-modal{background:var(--surface-1);padding:var(--sp-8);border-radius:var(--radius-xl);max-width:400px;width:100%;box-shadow:var(--shadow-2xl);border:1px solid var(--border-1);animation:deleteModalSlideIn .3s ease}@keyframes deleteModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal__content{text-align:center}.delete-modal__icon-wrap{width:64px;height:64px;background:var(--danger-3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4)}.delete-modal__icon{color:var(--danger-11)}.delete-modal__title{margin-bottom:var(--sp-2);color:var(--text-1);font-size:var(--text-lg);font-weight:var(--fw-bold)}.delete-modal__desc{color:var(--text-2);margin-bottom:var(--sp-6);font-size:var(--text-sm);line-height:1.5}.delete-modal__actions{display:flex;gap:var(--sp-3);justify-content:center}.delete-modal__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:var(--transition);white-space:nowrap}.delete-modal__btn:disabled{opacity:.6;cursor:not-allowed}.delete-modal__btn--cancel{border:1.5px solid var(--border-1);background:var(--surface-1);color:var(--text-1)}.delete-modal__btn--cancel:hover:not(:disabled){background:var(--surface-2)}.delete-modal__btn--confirm{border:none;background:var(--danger-9);color:#fff;box-shadow:0 2px 8px #ef44444d}.delete-modal__btn--confirm:hover:not(:disabled){background:var(--danger-10);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.delete-modal__btn--confirm:focus,.delete-modal__btn--cancel:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.delete-modal-overlay{padding:var(--sp-2)}.delete-modal{padding:var(--sp-6)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}@media(max-width:1024px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:640px){.stat-grid{grid-template-columns:1fr}}.chart-card{height:100%;display:flex;flex-direction:column}.chart-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.chart-card__heading{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.chart-card__icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);color:var(--primary-6)}.chart-card__icon svg{width:20px;height:20px}.chart-card__title{margin:0;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);line-height:var(--leading-tight)}.chart-card__subtitle{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-3)}.chart-card__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.chart-card__body{flex:1;min-height:0}.chart-card__loading{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6) 0}.chart-card__loading-bar{height:220px;border-radius:var(--radius-lg)}.chart-card__loading-bar--short{height:16px;width:40%}@media(max-width:640px){.chart-card__header{flex-direction:column}}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5)}.dashboard-header__heading{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.dashboard-header__icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;box-shadow:0 8px 20px -4px color-mix(in srgb,var(--primary-500) 40%,transparent)}.dashboard-header__icon svg{width:22px;height:22px}.dashboard-header__title{margin:0;font-size:var(--text-2xl);font-weight:var(--fw-extrabold);color:var(--text-1);letter-spacing:-.02em;line-height:var(--leading-tight)}.dashboard-header__subtitle{margin:2px 0 0;font-size:var(--text-sm);color:var(--text-3)}.dashboard-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}@media(max-width:640px){.dashboard-header__title{font-size:var(--text-xl)}}.dashboard-layout{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.dashboard-layout__content{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.dashboard-layout{padding:1.5rem}}.dt-toolbar-container{display:flex;flex-direction:column;background:var(--surface-1);border-bottom:1px solid var(--border-1)}.dt-filter-inline__empty{margin:0;color:var(--text-3);font-size:var(--text-sm)}.dt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--surface-1);flex-wrap:nowrap}@layer components{.datatable{width:100%;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;flex:1 1 0%;padding:var(--spacing-0);background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-sm)}.datatable-wrapper{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-500-rgb),.3) transparent}.datatable-wrapper::-webkit-scrollbar{width:var(--spacing-2);height:var(--spacing-2)}.datatable-wrapper::-webkit-scrollbar-track{background:transparent}.datatable-wrapper::-webkit-scrollbar-thumb{background:rgba(var(--primary-500-rgb),.3);border-radius:var(--radius-sm)}.datatable-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-500-rgb),.5)}.datatable-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.dt-header{position:sticky;top:0;z-index:10}.dt-header__cell{padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);background:var(--surface-1);border-bottom:2px solid var(--border-2);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.dt-header__cell--center{text-align:center}.dt-header__cell--right{text-align:right}.dt-header__cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dt-header__cell--sortable:hover{color:var(--primary-600);background:var(--surface-2)}.dt-header__cell--sorted{color:var(--primary-700);background:var(--surface-2);border-bottom-color:var(--primary-500)}.dt-header__content{display:flex;align-items:center;gap:var(--spacing-2)}.dt-header__cell--checkbox{width:var(--spacing-12);text-align:center;padding:var(--spacing-4)}.dt-header__cell--sticky-left{position:sticky;left:0;z-index:11;background:var(--surface-1);box-shadow:2px 0 4px #0000000d}.dt-header__cell--sticky-right{position:sticky;right:0;z-index:11;background:var(--surface-1);box-shadow:-2px 0 4px #0000000d}.dt-column-filter{position:relative;display:inline-flex}.dt-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 5px;min-width:24px;height:22px;border:none;background:transparent;color:var(--text-3);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.dt-filter-btn:hover{background:rgba(var(--primary-500-rgb),.12);color:var(--primary-600)}.dt-filter-btn--active{color:var(--primary-600);background:rgba(var(--primary-500-rgb),.18)}.dt-filter-btn__count{font-size:10px;font-weight:700;line-height:1;color:var(--primary-600)}.dt-filter-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:200;width:280px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 12px 40px -4px #00000029,0 0 0 1px #0000000a;display:flex;flex-direction:column;overflow:hidden;animation:dt-cfd-in .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes dt-cfd-in{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dt-filter-dropdown__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:10px 12px 8px;border-bottom:1px solid var(--border-1);background:var(--surface-1)}.dt-filter-dropdown__title{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.dt-filter-dropdown__title strong{color:var(--primary-600);font-weight:var(--fw-bold);text-transform:none;letter-spacing:0}.dt-filter-dropdown__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--text-3);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.dt-filter-dropdown__close:hover{background:rgba(var(--danger-500-rgb),.1);color:var(--danger-600)}.dt-filter-dropdown__search-wrap{position:relative;display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border-1);background:var(--surface-0)}.dt-filter-dropdown__search-icon{position:absolute;left:20px;color:var(--text-3);pointer-events:none;flex-shrink:0}.dt-filter-dropdown__search{width:100%;padding:6px 28px;font-size:var(--text-sm);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-1);outline:none;transition:all .15s ease;font-family:inherit}.dt-filter-dropdown__search::placeholder{color:var(--text-3);font-size:var(--text-xs)}.dt-filter-dropdown__search:focus{border-color:var(--primary-400);background:var(--surface-0);box-shadow:0 0 0 2px rgba(var(--primary-500-rgb),.12)}.dt-filter-dropdown__search-clear{position:absolute;right:18px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:var(--neutral-200);color:var(--text-3);border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.dt-filter-dropdown__search-clear:hover{background:var(--neutral-300);color:var(--text-1)}.dt-filter-dropdown__select-all{padding:6px 10px;border-bottom:1px solid var(--border-1);background:var(--surface-1)}.dt-filter-dropdown__select-all-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.dt-filter-dropdown__select-all-text{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);flex:1}.dt-filter-dropdown__count-badge{font-size:10px;color:var(--text-3);background:var(--surface-2);padding:1px 6px;border-radius:var(--radius-full);font-weight:var(--fw-medium)}.dt-filter-dd-check{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0;border:2px solid var(--border-2);border-radius:3px;background:var(--surface-0);cursor:pointer;transition:all .15s ease;position:relative}.dt-filter-dd-check:hover{border-color:var(--primary-400);background:rgba(var(--primary-500-rgb),.05)}.dt-filter-dd-check--checked{background:var(--primary-500);border-color:var(--primary-500)}.dt-filter-dd-check--checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.dt-filter-dd-check--indeterminate{background:var(--primary-500);border-color:var(--primary-500)}.dt-filter-dd-check--indeterminate:after{content:"";position:absolute;left:2px;top:50%;width:7px;height:2px;background:#fff;transform:translateY(-50%)}.dt-filter-dropdown__list{flex:1;overflow-y:auto;max-height:200px;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-500-rgb),.2) transparent}.dt-filter-dropdown__list::-webkit-scrollbar{width:4px}.dt-filter-dropdown__list::-webkit-scrollbar-thumb{background:rgba(var(--primary-500-rgb),.2);border-radius:4px}.dt-filter-dropdown__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-align:center;font-size:var(--text-xs);color:var(--text-3)}.dt-filter-dropdown__item{display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:var(--text-sm);color:var(--text-1);cursor:pointer;border-radius:var(--radius-md);transition:background .1s ease;-webkit-user-select:none;user-select:none}.dt-filter-dropdown__item:hover{background:rgba(var(--primary-500-rgb),.06)}.dt-filter-dropdown__item--checked{background:rgba(var(--primary-500-rgb),.08)}.dt-filter-dropdown__item--checked:hover{background:rgba(var(--primary-500-rgb),.12)}.dt-filter-dropdown__item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-filter-dropdown__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:8px 10px;border-top:1px solid var(--border-1);background:var(--surface-1)}.dt-filter-dropdown__footer-info{font-size:11px;color:var(--text-3);font-weight:var(--fw-medium);white-space:nowrap}.dt-filter-dropdown__footer-actions{display:flex;gap:6px;align-items:center}.dt-filter-dropdown__btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-family:inherit;border:1px solid var(--border-1);background:var(--surface-0);color:var(--text-1);white-space:nowrap}.dt-filter-dropdown__btn:hover{background:var(--surface-2);border-color:var(--border-2)}.dt-filter-dropdown__btn--clear{color:var(--danger-600);border-color:var(--danger-200);background:transparent}.dt-filter-dropdown__btn--clear:hover{background:rgba(var(--danger-500-rgb),.08);border-color:var(--danger-400);color:var(--danger-700)}.dt-filter-dropdown__btn--apply{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border-color:var(--primary-500);box-shadow:0 1px 4px rgba(var(--primary-500-rgb),.25)}.dt-filter-dropdown__btn--apply:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-color:var(--primary-600);box-shadow:0 2px 8px rgba(var(--primary-500-rgb),.35);color:#fff}.dt-body{background:var(--surface-0)}.dt-row{border-bottom:1px solid var(--border-1);transition:background .12s ease}.dt-row td{transition:background .12s ease}.datatable .dt-row:hover:not(.dt-row--selected) td{background:var(--surface-2)}.datatable .dt-row--clickable:hover:not(.dt-row--selected) td{background:rgba(var(--primary-500-rgb),.04)}.datatable .dt-row--selected td{background:rgba(var(--primary-500-rgb),.08)}.dt-row--selected>td:first-child{border-left:3px solid var(--primary-500);padding-left:calc(var(--spacing-4) - 3px)}.dt-row--selected .dt-cell-entity__avatar{background:rgba(var(--primary-500-rgb),.15);color:var(--primary-700)}.dt-row--selected .dt-cell-entity__name{color:var(--primary-700)}.dt-row--clickable{cursor:pointer}.dt-row__cell{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-1);color:var(--text-1);vertical-align:middle}.dt-row__cell--center{text-align:center}.dt-row__cell--right{text-align:right}.dt-row__cell--checkbox{width:var(--spacing-12);text-align:center}.dt-row__cell--actions{width:1%;white-space:nowrap;padding:var(--spacing-2-5) var(--spacing-4)}.dt-cell-entity{display:flex;align-items:center;gap:var(--spacing-3)}.dt-cell-entity__avatar{width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);flex-shrink:0}.dt-cell-entity__name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1);line-height:var(--leading-tight)}.dt-cell-entity__sub{font-size:var(--text-xs);color:var(--text-3);line-height:var(--leading-tight);margin-top:1px}.dt-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.4;white-space:nowrap}.dt-badge--success{background:var(--success-200);color:var(--success-800);border:1px solid var(--success-300)}.dt-badge--danger{background:var(--danger-200);color:var(--danger-800);border:1px solid var(--danger-300)}.dt-badge--warning{background:var(--warning-200);color:var(--warning-800);border:1px solid var(--warning-300)}.dt-badge--neutral{background:var(--neutral-200);color:var(--neutral-700);border:1px solid var(--neutral-300)}.dt-badge--info{background:var(--info-200);color:var(--info-800);border:1px solid var(--info-300)}.dt-badge--primary{background:var(--primary-200);color:var(--primary-800);border:1px solid var(--primary-300)}.dt-cell-amount{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.dt-cell-amount--positive{color:var(--success-700)}.dt-cell-amount--negative{color:var(--danger-600)}.dt-cell-amount--warning{color:var(--warning-700)}.dt-cell-secondary{font-size:var(--text-xs);color:var(--text-3)}.dt-row__cell--sticky-left{position:sticky;left:0;background:transparent;box-shadow:3px 0 8px #0000000f}.dt-row__cell--sticky-right{position:sticky;right:0;background:transparent;box-shadow:-3px 0 8px #0000000f}.datatable--compact .dt-header__cell{padding:var(--spacing-3) var(--spacing-4)}.datatable--compact .dt-row__cell{padding:var(--spacing-2-5) var(--spacing-4)}.datatable--comfortable .dt-header__cell{padding:var(--spacing-5) var(--spacing-6)}.datatable--comfortable .dt-row__cell{padding:var(--spacing-4-5) var(--spacing-6)}.datatable.datatable--striped .dt-row--even{background-color:var(--surface-2)}.datatable.datatable--striped .dt-row--odd{background-color:var(--surface-0)}:root.dark .datatable.datatable--striped .dt-row--even{background-color:var(--surface-3)}:root.dark .datatable.datatable--striped .dt-row--odd{background-color:var(--surface-2)}.datatable--infinite{overflow-y:auto;max-height:100%}.dt-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.dt-checkbox input{display:none}.dt-checkbox__mark{width:16px;height:16px;border:2px solid var(--border-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff;flex-shrink:0;background:var(--surface-0)}.dt-checkbox:hover .dt-checkbox__mark{border-color:var(--primary-500)}.dt-checkbox input:checked+.dt-checkbox__mark{background:var(--primary-500);border-color:var(--primary-500)}.dt-row:hover:not(.dt-row--selected) .dt-checkbox__mark{border-color:var(--primary-400);background:rgba(var(--primary-500-rgb),.06)}.dt-row--selected .dt-checkbox__mark{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.15)}.dt-checkbox__indeterminate{width:var(--spacing-2-5);height:var(--spacing-0-5);background:#fff;border-radius:var(--radius-sm)}.dt-row--skeleton{pointer-events:none}.dt-skeleton{display:inline-block;height:.75rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:dt-shimmer 1.4s ease infinite}.dt-skeleton--checkbox{width:1rem;height:1rem;border-radius:var(--radius-xs)}.dt-skeleton--icon{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm)}@keyframes dt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-body__state{padding:var(--spacing-14) var(--spacing-5);text-align:center}.dt-body__state>*{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--text-3)}.dt-state-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.dt-empty__icon{opacity:.3;filter:grayscale(30%)}.dt-empty__msg{font-size:var(--text-sm);color:var(--text-2);margin:0;font-weight:var(--fw-medium)}.dt-spin{animation:dt-spin 1s linear infinite}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-1);opacity:0;transition:opacity .15s ease}.dt-row:hover .dt-row-actions,.dt-row--selected .dt-row-actions{opacity:1}.dt-row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-3);cursor:pointer;transition:background .12s ease,color .12s ease,transform .1s ease;flex-shrink:0}.dt-row-action-btn:hover:not(:disabled){background:var(--surface-3);color:var(--primary-600);transform:scale(1.08)}.dt-row-action-btn:active:not(:disabled){transform:scale(.95)}.dt-row-action-btn--danger:hover:not(:disabled){background:var(--danger-light);color:var(--danger-600)}.dt-row-action-btn--menu{width:28px;height:28px}.dt-row-action-btn:disabled{opacity:.35;cursor:not-allowed}.dt-row-action-btn__label{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase}.dt-dropdown{position:relative}.dt-dropdown__menu{position:absolute;right:0;top:calc(100% + 4px);min-width:160px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.dt-dropdown__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;background:transparent;color:var(--text-1);font-size:var(--text-sm);font-weight:var(--fw-normal);cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit}.dt-dropdown__item:hover:not(:disabled){background:var(--surface-1);color:var(--primary-600)}.dt-dropdown__item--danger{color:var(--danger-600)}.dt-dropdown__item--danger:hover:not(:disabled){background:rgba(var(--danger-500-rgb),.08);color:var(--danger-700)}.dt-dropdown__item:disabled{opacity:.4;cursor:not-allowed}.dt-sentinel-area{display:flex;flex-direction:column;align-items:center}.dt-sentinel{height:1px;width:100%}.dt-loading-more{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-3);font-size:var(--text-xs);padding:var(--spacing-2) 0}.dt-end-message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);width:100%;animation:dt-end-fade .4s ease forwards}@keyframes dt-end-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dt-end-message__line{flex:1;height:1px;background:var(--border-1)}.dt-end-message__text{font-size:var(--text-xs);color:var(--text-3);font-weight:var(--fw-medium);white-space:nowrap;letter-spacing:.03em}.dt-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-1);background:var(--surface-1);gap:var(--spacing-4);flex-wrap:wrap}.dt-pagination__info{font-size:var(--text-xs);color:var(--text-2);font-weight:var(--fw-normal);white-space:nowrap}.dt-pagination__controls{display:flex;align-items:center;gap:var(--spacing-1)}.dt-pagination__btn,.dt-pagination__page{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-2);font-size:var(--text-xs);font-weight:var(--fw-medium);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-0);color:var(--text-2);cursor:pointer;transition:all .2s ease;font-family:inherit}.dt-pagination__btn:hover:not(:disabled),.dt-pagination__page:hover:not(.active){border-color:var(--primary-500);color:var(--primary-600);background:var(--surface-1)}.dt-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.dt-pagination__page.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.dt-pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:var(--spacing-6);color:var(--text-3);font-size:var(--text-xs);font-weight:var(--fw-normal)}.dt-pagination__size{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-0);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s ease;height:32px}.dt-pagination__size:focus{outline:none;border-color:var(--primary-500);background:var(--surface-1)}.dt-row__cell--expand{width:40px;text-align:center;padding:var(--spacing-3)}.dt-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-2);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.dt-expand-btn:hover{background:rgba(var(--primary-500-rgb),.1);color:var(--primary-600)}.dt-expand-btn:active{transform:scale(.95)}.datatable .dt-row--expanded{background:linear-gradient(90deg,rgba(var(--primary-500-rgb),.08),rgba(var(--color-secondary-rgb),.04))}.dt-row--expanded-content{background:linear-gradient(180deg,rgba(var(--primary-500-rgb),.04),rgba(var(--surface-1-rgb),.98))}.dt-row__cell--expanded{padding:var(--spacing-4);background:linear-gradient(180deg,rgba(var(--primary-500-rgb),.04),rgba(var(--surface-1-rgb),.98))}.dt-skeleton{background:linear-gradient(90deg,rgba(var(--border-1-rgb),.3),rgba(var(--border-1-rgb),.5),rgba(var(--border-1-rgb),.3));background-size:200% 100%;animation:dt-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes dt-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-skeleton--text{height:16px;width:100%}.dt-skeleton--circle{width:32px;height:32px;border-radius:var(--radius-full)}.dt-toolbar__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-3)}.dt-toolbar__actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.dt-toolbar__search{position:relative;display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap;width:320px;flex-shrink:0}.dt-toolbar__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-3);pointer-events:none;flex-shrink:0;z-index:10;opacity:1;transition:color .2s cubic-bezier(.4,0,.2,1)}.dt-toolbar__search-input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 40px;font-size:var(--text-sm);color:var(--text-1);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;height:40px;box-shadow:0 1px 2px #0000000d}.dt-toolbar__search-input::placeholder{color:var(--text-3);font-weight:400}.dt-toolbar__search-input:hover{border-color:var(--border-2);background:var(--surface-0);box-shadow:0 2px 4px #00000014}.dt-toolbar__search-input:focus{outline:none;border-color:var(--primary-500);background:var(--surface-0);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1),0 2px 8px #0000001f}.dt-toolbar__search:focus-within .dt-toolbar__search-icon{color:var(--primary-500)}.dt-toolbar__search-icon svg{display:block;width:100%;height:100%}.dt-toolbar__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--neutral-200);border:none;border-radius:var(--radius-full);color:var(--text-3);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:4}.dt-toolbar__clear:hover{background:var(--neutral-300);color:var(--text-1);transform:translateY(-50%) scale(1.1)}.dt-toolbar__clear:active{transform:translateY(-50%) scale(.95)}.dt-toolbar__search--loading .dt-toolbar__search-icon{opacity:.5;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dt-toolbar__search-shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:2px 6px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-3);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:2}.dt-toolbar__search-input:focus~.dt-toolbar__search-shortcut,.dt-toolbar__search-input:not(:placeholder-shown)~.dt-toolbar__search-shortcut{opacity:0;transform:translateY(-50%) scale(.9)}.dt-icon-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-8);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:var(--text-sm);font-weight:500;height:auto;min-height:36px;min-width:100px}.dt-icon-btn:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--primary-600)}.dt-icon-btn:active{background:var(--surface-3);transform:scale(.98)}.dt-icon-btn:disabled{opacity:.6;cursor:not-allowed}.dt-icon-btn .animate-spin{animation:dt-spin 1s linear infinite}.dt-icon-btn--active{background:rgba(var(--primary-500-rgb),.1);border-color:var(--primary-500);color:var(--primary-700)}.dt-icon-btn__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--primary-500);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-1)}.dt-filter-panel{position:relative}.dt-filter-panel__content{position:absolute;right:0;top:calc(100% + var(--spacing-2));min-width:450px;max-width:650px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:0 12px 48px #00000026,0 4px 16px #0000001a;z-index:var(--z-dropdown);overflow:hidden;animation:dt-filter-slide-in var(--duration-300) var(--ease-out)}@keyframes dt-filter-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dt-filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border-1);background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-0) 100%)}.dt-filter-panel__title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.dt-filter-panel__count{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--primary-600);background:rgba(var(--primary-500-rgb),.1);padding:2px 8px;border-radius:var(--radius-full);border:1px solid rgba(var(--primary-500-rgb),.2)}.dt-filter-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);padding:var(--spacing-4);max-height:400px;overflow-y:auto}.dt-filter-panel__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.dt-filter-panel__label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.dt-filter-panel__select{width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-sm);color:var(--text-1);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.dt-filter-panel__select:hover{border-color:var(--border-2);background-color:var(--surface-0);box-shadow:0 2px 4px #0000000d}.dt-filter-panel__select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1),0 2px 8px #00000014;background-color:var(--surface-0)}.dt-filter-panel__actions{display:flex;gap:var(--spacing-2);justify-content:flex-end;padding:var(--spacing-4);border-top:1px solid var(--border-1);background:linear-gradient(180deg,var(--surface-0) 0%,var(--surface-1) 100%)}.dt-filter-panel__btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;border:1px solid var(--border-1);background:var(--surface-0);color:var(--text-1);min-height:36px}.dt-filter-panel__btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--border-2);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.dt-filter-panel__btn:active:not(:disabled){transform:translateY(0)}.dt-filter-panel__btn:disabled{opacity:.5;cursor:not-allowed}.dt-filter-panel__btn--clear{color:var(--danger-600);border-color:var(--danger-200)}.dt-filter-panel__btn--clear:hover:not(:disabled){background:rgba(var(--danger-500-rgb),.08);border-color:var(--danger-400);color:var(--danger-700)}.dt-filter-panel__btn--apply{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border-color:var(--primary-500);box-shadow:0 2px 8px rgba(var(--primary-500-rgb),.25)}.dt-filter-panel__btn--apply:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-color:var(--primary-600);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.35);color:#fff}.dt-filter-toggle{position:relative;gap:var(--spacing-2)}.dt-filter-toggle__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--primary-500);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full);line-height:1}.dt-filter-toggle__caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease;margin-left:2px;flex-shrink:0}.dt-filter-toggle__caret--open{transform:rotate(180deg)}.dt-filter-toggle--open{background:rgba(var(--primary-500-rgb),.12);border-color:var(--primary-400);color:var(--primary-700)}.dt-filter-inline{display:flex;align-items:flex-end;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-0) 100%);border-top:1px solid var(--border-1);animation:dt-filter-inline-in .18s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}@keyframes dt-filter-inline-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:200px;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}}.dt-filter-inline__fields{display:flex;align-items:flex-end;gap:var(--spacing-3);flex:1;flex-wrap:wrap}.dt-filter-inline__field{display:flex;flex-direction:column;gap:var(--spacing-1-5);min-width:160px;flex:1;max-width:260px}.dt-filter-inline__label{font-size:11px;font-weight:var(--fw-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.dt-filter-inline__select-wrap{position:relative}.dt-filter-inline__select-wrap:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-3);pointer-events:none}.dt-filter-inline__select{width:100%;padding:var(--spacing-2-5) var(--spacing-8) var(--spacing-2-5) var(--spacing-3);font-size:var(--text-sm);color:var(--text-1);background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px}.dt-filter-inline__select:hover{border-color:var(--border-2);background:var(--surface-1)}.dt-filter-inline__select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1);background:var(--surface-0)}.dt-filter-inline__actions{display:flex;gap:var(--spacing-2);align-items:flex-end;flex-shrink:0}.dt-filter-inline__btn{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2-5) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit;border:1px solid var(--border-1);background:var(--surface-0);color:var(--text-1);height:36px;white-space:nowrap}.dt-filter-inline__btn:disabled{opacity:.4;cursor:not-allowed}.dt-filter-inline__btn:hover:not(:disabled){border-color:var(--border-2);background:var(--surface-1)}.dt-filter-inline__btn--clear{color:var(--danger-600);border-color:var(--danger-200);background:transparent}.dt-filter-inline__btn--clear:hover:not(:disabled){background:rgba(var(--danger-500-rgb),.08);border-color:var(--danger-400);color:var(--danger-700)}.dt-filter-inline__btn--apply{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border-color:var(--primary-500);box-shadow:0 2px 6px rgba(var(--primary-500-rgb),.2)}.dt-filter-inline__btn--apply:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-color:var(--primary-600);box-shadow:0 3px 10px rgba(var(--primary-500-rgb),.3);color:#fff}@media (max-width: var(--bp-md)){.dt-filter-inline{flex-direction:column;align-items:stretch}.dt-filter-inline__fields{flex-direction:column}.dt-filter-inline__field{max-width:100%}.dt-filter-inline__actions{justify-content:flex-end}}.dt-active-filters{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.04),rgba(var(--primary-500-rgb),.02));border-top:1px solid var(--border-1);animation:dt-active-filters-slide-down var(--duration-300) var(--ease-out) forwards;overflow:hidden;will-change:max-height,opacity,transform}@keyframes dt-active-filters-slide-down{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);transform:translateY(0)}}.dt-active-filters--exit{animation:dt-active-filters-slide-up var(--duration-200) var(--ease-in) forwards}@keyframes dt-active-filters-slide-up{0%{opacity:1;max-height:200px;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);transform:translateY(0)}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}}.dt-active-filters__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.dt-active-filters__label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.dt-active-filters__clear-all{display:flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--danger-600);background:rgba(var(--danger-500-rgb),.08);border:1px solid rgba(var(--danger-500-rgb),.2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.dt-active-filters__clear-all:hover{background:rgba(var(--danger-500-rgb),.12);border-color:var(--danger-400);color:var(--danger-700);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--danger-500-rgb),.15)}.dt-active-filters__clear-all:active{transform:translateY(0)}.dt-active-filters__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.dt-active-filter{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-1);box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);animation:dt-active-filter-pop-in var(--duration-200) var(--ease-out)}@keyframes dt-active-filter-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dt-active-filter:hover{border-color:var(--border-2);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.dt-active-filter__group{font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;font-size:11px;letter-spacing:.03em}.dt-active-filter__value{font-weight:var(--fw-medium);color:var(--primary-600)}.dt-active-filter__remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:var(--spacing-1);background:rgba(var(--danger-500-rgb),.08);border:1px solid rgba(var(--danger-500-rgb),.15);border-radius:var(--radius-full);color:var(--danger-600);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dt-active-filter__remove:hover{background:rgba(var(--danger-500-rgb),.15);border-color:var(--danger-400);color:var(--danger-700);transform:scale(1.1)}.dt-active-filter__remove:active{transform:scale(.95)}.dt-toolbar__bulk{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) var(--spacing-4);background:rgba(var(--primary-500-rgb),.08);border:1px solid rgba(var(--primary-500-rgb),.2);border-radius:var(--radius-md);margin-top:var(--spacing-2)}.dt-toolbar__bulk-count{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--primary-700)}.dt-toolbar__bulk-actions{display:flex;gap:var(--spacing-2)}.dt-bulk-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--fw-medium);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-0);color:var(--text-1);cursor:pointer;transition:all .2s ease;font-family:inherit;height:32px}.dt-bulk-btn:hover{border-color:var(--primary-500);color:var(--primary-700);background:var(--surface-1)}.dt-bulk-btn--danger:hover{border-color:var(--danger-500);color:var(--danger-700);background:rgba(var(--danger-500-rgb),.05)}.dt-bulk-btn:disabled{opacity:.4;cursor:not-allowed}.dt-column-toggle{position:relative}.dt-column-toggle__menu{position:absolute;right:0;top:calc(100% + var(--spacing-2));min-width:200px;max-width:280px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;z-index:var(--z-dropdown);overflow:hidden;animation:dt-menu-in var(--duration-200) var(--ease-in-out)}.dt-column-toggle__header{padding:var(--spacing-3);border-bottom:1px solid var(--border-1);background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-0) 100%)}.dt-column-toggle__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1)}.dt-column-toggle__list{max-height:300px;overflow-y:auto;padding:var(--spacing-2)}.dt-column-toggle__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font-size:var(--text-sm);color:var(--text-1);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.dt-column-toggle__item:hover{background:rgba(var(--primary-500-rgb),.05)}.dt-column-toggle__item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-600)}@keyframes dt-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dt-badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap;border:1px solid transparent;transition:all var(--duration-300) var(--ease-in-out);box-shadow:var(--shadow-xs)}.dt-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dt-badge--success{background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-700);border-color:var(--success-300)}.dt-badge--warning{background:linear-gradient(135deg,var(--warning-100),var(--warning-200));color:var(--warning-700);border-color:var(--warning-300)}.dt-badge--danger{background:linear-gradient(135deg,var(--danger-100),var(--danger-200));color:var(--danger-700);border-color:var(--danger-300)}.dt-badge--info{background:linear-gradient(135deg,var(--info-100),var(--info-200));color:var(--info-700);border-color:var(--info-300)}.dt-badge--neutral{background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));color:var(--neutral-700);border-color:var(--neutral-300)}.dt-badge--primary{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700);border-color:var(--primary-300)}@media (max-width: var(--bp-md)){.datatable{border-radius:var(--radius-2xl)}.dt-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-4)}.dt-toolbar__search{max-width:100%}.datatable-table{min-width:35rem}.dt-pagination{flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)}.dt-pagination__controls{width:100%;justify-content:center}.dt-filter-panel__content{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);min-width:90vw;max-width:90vw;max-height:80vh;animation:dt-filter-modal-in var(--duration-300) var(--ease-out)}@keyframes dt-filter-modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dt-filter-panel__grid{grid-template-columns:1fr;max-height:50vh}.dt-active-filters{padding:var(--spacing-2) var(--spacing-3)}.dt-active-filters__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.dt-active-filters__clear-all{width:100%;justify-content:center}.dt-active-filter{font-size:var(--text-xs);padding:var(--spacing-1-5) var(--spacing-2-5)}.dt-active-filter__group{font-size:10px}}@media(prefers-reduced-motion:reduce){.datatable,.dt-row,.dt-toolbar__search-input,.dt-icon-btn,.dt-pagination__btn,.dt-pagination__page{transition:none}.dt-spin{animation:none}.dt-toolbar__search-icon:before,.dt-toolbar__search-icon:after{animation:none}}}.gs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:var(--z-modal);animation:gs-overlay-in .15s var(--ease-out)}@keyframes gs-overlay-in{0%{opacity:0}to{opacity:1}}.gs-modal{width:100%;max-width:560px;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),0 0 0 1px rgba(var(--primary-500-rgb),.08);overflow:hidden;animation:gs-modal-in .18s var(--ease-out)}@keyframes gs-modal-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gs-input-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5)}.gs-input-icon{color:var(--text-3);flex-shrink:0}.gs-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-base);font-family:inherit;color:var(--text-1);caret-color:var(--primary-500)}.gs-input::placeholder{color:var(--text-4);font-size:var(--text-sm)}.gs-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-3);cursor:pointer;transition:all .12s ease;flex-shrink:0}.gs-clear:hover{background:var(--neutral-300);color:var(--text-1)}.gs-shortcut{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--text-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:2px 7px;font-family:inherit;-webkit-user-select:none;user-select:none;flex-shrink:0}.gs-divider{height:1px;background:var(--border-1)}.gs-tabs{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4) 0;border-bottom:0;overflow-x:auto;scrollbar-width:none}.gs-tabs::-webkit-scrollbar{display:none}.gs-tab{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:var(--fw-medium);font-family:inherit;color:var(--text-3);background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--spacing-1) var(--spacing-3) calc(var(--spacing-1) + 2px);cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.gs-tab:hover{color:var(--text-2);background:var(--surface-2)}.gs-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-500)}.gs-tab__count{font-size:10px;background:rgba(var(--primary-500-rgb),.12);color:var(--primary-600);border-radius:var(--radius-full);padding:0 5px;font-variant-numeric:tabular-nums;min-width:16px;text-align:center}.gs-tabs__total{margin-left:auto;font-size:var(--text-xs);color:var(--text-4);white-space:nowrap;padding-right:var(--spacing-1)}.gs-results{margin:0;padding:var(--spacing-2) 0;max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.gs-hint{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-6);text-align:center}.gs-hint__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--surface-2);color:var(--text-3);border:1px solid var(--border-1)}.gs-hint__icon--empty{background:rgba(var(--danger-500-rgb, 239,68,68),.08);color:var(--danger-500, #ef4444);border-color:rgba(var(--danger-500-rgb, 239,68,68),.15)}.gs-hint__title{margin:0;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.gs-hint__desc{margin:0;font-size:var(--text-xs);color:var(--text-4)}.gs-hint__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.gs-hint__chip{font-size:var(--text-xs);font-family:inherit;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-full);padding:3px 10px;cursor:pointer;transition:all .12s ease}.gs-hint__chip:hover{background:rgba(var(--primary-500-rgb),.08);border-color:rgba(var(--primary-500-rgb),.3);color:var(--primary-600)}.gs-group{padding:var(--spacing-2) 0 0}.gs-group__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-1) var(--spacing-5);margin-bottom:var(--spacing-1)}.gs-group__label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.gs-group__right{display:flex;align-items:center;gap:var(--spacing-2)}.gs-group__count{font-size:var(--text-xs);color:var(--text-4);background:var(--surface-2);border-radius:var(--radius-full);padding:1px 7px;font-variant-numeric:tabular-nums}.gs-group__clear{font-size:var(--text-xs);font-family:inherit;color:var(--text-4);background:transparent;border:none;padding:1px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s ease}.gs-group__clear:hover{color:var(--danger-600, #dc2626);background:#ef444414}.gs-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-5);border:none;background:transparent;color:var(--text-2);font-size:var(--text-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background .1s ease,color .1s ease}.gs-item--active,.gs-item:hover{background:rgba(var(--primary-500-rgb),.06);color:var(--text-1)}.gs-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--gs-icon-bg, var(--surface-2));color:var(--gs-icon-color, var(--primary-600));flex-shrink:0;transition:background .12s ease,box-shadow .12s ease}.gs-item--active .gs-item__icon,.gs-item:hover .gs-item__icon{box-shadow:0 0 0 2px color-mix(in srgb,var(--gs-icon-color, var(--primary-500)) 30%,transparent)}.gs-item__body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.gs-item__label{font-weight:var(--fw-medium);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-item__sub{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-highlight{background:rgba(var(--warning-400-rgb, 250,200,0),.35);color:var(--text-1);border-radius:2px;font-style:normal;font-weight:var(--fw-semibold);padding:0 1px}.gs-badge{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.03em;padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;border:1px solid transparent}.gs-badge--module{background:rgba(var(--primary-500-rgb),.1);color:var(--primary-700);border-color:rgba(var(--primary-500-rgb),.2)}.gs-badge--action{background:#22c55e1a;color:#15803d;border-color:#22c55e33}.gs-badge--setting{background:#eab3081a;color:#a16207;border-color:#eab30833}.gs-badge--recent{background:var(--surface-2);color:var(--text-3);border-color:var(--border-1)}.gs-item__arrow{color:var(--text-4);opacity:0;transform:translate(-4px);transition:opacity .12s ease,transform .12s ease;flex-shrink:0}.gs-item--active .gs-item__arrow,.gs-item:hover .gs-item__arrow{opacity:1;transform:translate(0)}.gs-footer{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-5);border-top:1px solid var(--border-1);background:var(--surface-2)}.gs-footer__hint{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--text-4)}.gs-footer__hint kbd{font-size:10px;font-family:inherit;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:1px 4px;color:var(--text-3);box-shadow:0 1px 0 var(--border-2)}.gs-footer__sep{flex:1}:root.dark .gs-overlay{background:#000000a6}:root.dark .gs-item--active,:root.dark .gs-item:hover{background:rgba(var(--primary-500-rgb),.1)}:root.dark .gs-badge--action{color:#4ade80;background:#22c55e1f}:root.dark .gs-badge--setting{color:#fbbf24;background:#eab3081f}:root.dark .gs-hint__chip:hover,:root.dark .gs-quickfilters__btn:hover{background:rgba(var(--primary-500-rgb),.12)}@media(max-width:640px){.gs-overlay{padding:var(--spacing-2);padding-top:var(--spacing-2);align-items:flex-start}.gs-modal{max-width:100%;border-radius:var(--radius-lg)}.gs-footer{flex-wrap:wrap}}.topbar{position:sticky;top:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-5);background:var(--surface-1);border-bottom:1px solid var(--border-1);z-index:var(--z-fixed);flex-shrink:0;transition:background var(--duration-200) var(--ease),border-color var(--duration-200) var(--ease)}.topbar__start{display:flex;align-items:center;gap:var(--sp-3);min-width:0;flex:1}.topbar__end{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.topbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-2);cursor:pointer;font-family:inherit;font-size:var(--text-sm);transition:all var(--duration-150) var(--ease);position:relative;flex-shrink:0}.topbar__icon-btn:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border-1)}.topbar__icon-btn:active{transform:scale(.96)}.topbar__icon-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.topbar__icon-btn--active{background:var(--danger-50);color:var(--danger-600);border-color:var(--danger-200)}.topbar__icon-btn--active:hover{background:var(--danger-100);color:var(--danger-700)}.topbar__hamburger{display:inline-flex}@media(min-width:768px){.topbar__hamburger{display:none}}.topbar__breadcrumb{min-width:0}.topbar__breadcrumb-list{display:flex;align-items:center;gap:var(--sp-1);list-style:none;margin:0;padding:0;min-width:0}.topbar__breadcrumb-item{display:flex;align-items:center;min-width:0}.topbar__breadcrumb-link{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-3);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--duration-150) var(--ease)}.topbar__breadcrumb-link:hover{background:var(--surface-2);color:var(--primary-600)}.topbar__breadcrumb-sep{display:flex;align-items:center;color:var(--text-4);flex-shrink:0}.topbar__breadcrumb-current{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--sp-1) var(--sp-2)}.topbar__search-btn:hover:after{content:"Buscar (Ctrl+K)";position:absolute;bottom:calc(100% + var(--sp-2));left:50%;transform:translate(-50%);padding:var(--sp-1) var(--sp-2);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-2);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip);box-shadow:var(--shadow-md);animation:fadeIn var(--duration-150) var(--ease)}.topbar__notif-btn{position:relative}.topbar__icon-btn svg,.topbar__breadcrumb-link svg,.topbar__dropdown-item svg,.topbar__user-btn svg{display:block;flex-shrink:0}.topbar__badge{position:absolute;top:-3px;right:-3px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;background:var(--danger-600);color:#fff;font-size:10px;font-weight:var(--fw-bold);border-radius:var(--radius-full);line-height:1;pointer-events:none;border:2px solid var(--surface-1)}.topbar__sep{width:1px;height:20px;background:var(--border-1);margin:0 var(--sp-1);flex-shrink:0}.topbar__user-menu{position:relative}.topbar__user-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:inherit;cursor:pointer;transition:all var(--duration-150) var(--ease);white-space:nowrap;height:36px}.topbar__user-btn:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border-1)}.topbar__user-btn[aria-expanded=true]{background:rgba(var(--primary-500-rgb),.08);border-color:var(--primary-300);color:var(--primary-700);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.12)}.topbar__user-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.topbar__user-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--primary-200);color:var(--primary-700);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:box-shadow var(--duration-150) var(--ease)}.topbar__user-btn[aria-expanded=true] .topbar__user-avatar{box-shadow:0 0 0 2px var(--primary-500)}.topbar__user-avatar img{width:100%;height:100%;object-fit:cover}.topbar__user-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1);max-width:120px;overflow:hidden;text-overflow:ellipsis}.topbar__user-chevron{color:var(--text-4);transition:transform var(--duration-200) var(--ease);flex-shrink:0}.topbar__user-chevron--open{transform:rotate(180deg)}.topbar__dropdown{position:absolute;top:calc(100% + var(--sp-2));right:0;min-width:240px;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl),0 0 0 1px rgba(var(--primary-500-rgb),.06);overflow:hidden;z-index:var(--z-popover);animation:userMenuOpen var(--duration-150) var(--ease-out) forwards}@keyframes userMenuOpen{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar__dropdown-profile{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4)}.topbar__dropdown-avatar{width:38px;height:38px;border-radius:var(--radius-full);background:var(--primary-200);color:var(--primary-700);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.2)}.topbar__dropdown-avatar img{width:100%;height:100%;object-fit:cover}.topbar__dropdown-info{display:flex;flex-direction:column;min-width:0;gap:1px}.topbar__dropdown-fullname{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__dropdown-email{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__dropdown-role{font-size:var(--text-xs);color:var(--primary-600);font-weight:var(--fw-medium)}.topbar__dropdown-divider{height:1px;background:var(--border-1);border:none;margin:0}.topbar__dropdown-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:transparent;border:none;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:inherit;text-align:left;cursor:pointer;transition:all var(--duration-150) var(--ease)}.topbar__dropdown-item:hover{background:var(--surface-2);color:var(--text-1)}.topbar__dropdown-item--danger:hover{background:var(--danger-50);color:var(--danger-600)}:root.dark .topbar__dropdown-item--danger:hover{background:#dc262626;color:var(--danger-400)}.notifications-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--sp-4);animation:fadeIn var(--duration-200) var(--ease)}.notifications-modal{width:100%;max-width:480px;max-height:80vh;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--duration-200) var(--ease)}.notifications-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-1);flex-shrink:0}.notifications-modal__title{display:flex;align-items:center;gap:var(--sp-2)}.notifications-modal__title h2{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1);margin:0}.notifications-modal__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--sp-1);background:var(--primary-600);color:#fff;font-size:11px;font-weight:var(--fw-bold);border-radius:var(--radius-full);line-height:1}.notifications-modal__actions{display:flex;align-items:center;gap:var(--sp-2)}.notifications-modal__action{padding:var(--sp-1) var(--sp-3);background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-xs);font-weight:var(--fw-medium);font-family:inherit;cursor:pointer;transition:all var(--duration-150) var(--ease)}.notifications-modal__action:hover{background:var(--surface-2);color:var(--text-1)}.notifications-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:all var(--duration-150) var(--ease)}.notifications-modal__close:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border-1)}.notifications-modal__content{flex:1;overflow-y:auto;padding:var(--sp-3)}.notifications-modal__loading,.notifications-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);text-align:center;color:var(--text-3);gap:var(--sp-3)}.notifications-modal__empty h3{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1);margin:0}.notifications-modal__empty p{font-size:var(--text-sm);color:var(--text-3);margin:0}.notifications-modal__list{display:flex;flex-direction:column;gap:var(--sp-1)}.notifications-modal__item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-150) var(--ease)}.notifications-modal__item:hover{background:var(--surface-2);border-color:var(--border-2)}.notifications-modal__item--read{opacity:.6}.notifications-modal__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-2);border-radius:var(--radius-full);flex-shrink:0}.notifications-modal__item-content{flex:1;min-width:0}.notifications-modal__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-1)}.notifications-modal__item-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;line-height:1.3}.notifications-modal__item-dot{width:8px;height:8px;background:var(--primary-600);border-radius:var(--radius-full);flex-shrink:0}.notifications-modal__item-message{font-size:var(--text-sm);color:var(--text-2);margin:0 0 var(--sp-2) 0;line-height:1.4}.notifications-modal__item-time{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-4)}.notifications-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-1);flex-shrink:0}@media(max-width:768px){.topbar{padding:0 var(--sp-3)}.topbar__search-btn{display:none}.topbar__search-btn:hover:after{display:none}.notifications-modal{max-width:100%;margin:var(--sp-4);max-height:90vh}}.app-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--surface-0);color:var(--text-1)}.app-body{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1;min-width:0;min-height:0;padding:var(--spacing-6);max-width:var(--content-max-width);width:100%;margin-inline:auto}.app-main__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-12);color:var(--text-3);font-size:var(--text-sm)}.app-main__spinner{width:20px;height:20px;border:2px solid var(--border-2);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}.sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;z-index:var(--z-fixed);background:var(--surface-1);border-right:1px solid var(--border-1);transition:width var(--duration-200) var(--ease)}.sidebar.collapsed,.app-layout--collapsed .sidebar{width:var(--sidebar-width-collapsed)}.sidebar__inner{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sidebar__logo{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);height:var(--topbar-height);padding-inline:var(--spacing-4);border-bottom:1px solid var(--border-1);flex-shrink:0}.sidebar__brand{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;font-weight:var(--fw-bold);font-size:var(--text-base)}.sidebar__brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar__brand-text,.app-layout--collapsed .sidebar__brand-text{display:none}.sidebar__nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3)}.sidebar__section-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--text-3);padding:var(--spacing-2) var(--spacing-3) var(--spacing-1);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar.collapsed .sidebar__section-title,.app-layout--collapsed .sidebar__section-title{display:none}.sidebar__list,.sidebar-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-0-5)}.sidebar-items{overflow:hidden;max-height:0;transition:max-height var(--duration-200) var(--ease),opacity var(--duration-150) var(--ease);opacity:0}.sidebar-items.expanded{max-height:1000px;opacity:1}.sidebar-item{margin:0;padding:0;min-width:0;margin-inline-start:calc(var(--sb-level, 0) * var(--spacing-3))}.sidebar-button{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:inherit;color:var(--text-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--duration-150) var(--ease),color var(--duration-150) var(--ease),transform var(--duration-100) var(--ease);position:relative}.sidebar-button:hover{background:var(--surface-2);color:var(--text-1)}.sidebar-button:active{transform:scale(.98)}.sidebar-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sidebar-button.active{background:var(--primary-light);color:var(--primary-700);border-color:rgba(var(--primary-500-rgb),.2);font-weight:var(--fw-semibold)}:root.dark .sidebar-button.active{color:var(--primary-300)}.sidebar-button.active:before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--primary-500);border-radius:var(--radius-full)}.sidebar-button.disabled,.sidebar-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar.collapsed .sidebar-button,.app-layout--collapsed .sidebar-button{justify-content:center;padding-inline:0}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-label,.app-layout--collapsed .sidebar-label,.sidebar.collapsed .sidebar-badge,.app-layout--collapsed .sidebar-badge,.sidebar.collapsed .sidebar-chevron,.app-layout--collapsed .sidebar-chevron{display:none}.sidebar-badge{font-size:var(--text-xs);font-weight:var(--fw-semibold);background:var(--surface-3);color:var(--text-2);border-radius:var(--radius-full);padding:0 var(--spacing-2);line-height:1.5;flex-shrink:0}.sidebar-button.active .sidebar-badge{background:rgba(var(--primary-500-rgb),.15);color:var(--primary-700)}.sidebar-chevron{display:inline-flex;flex-shrink:0;color:var(--text-3);transition:transform var(--duration-150) var(--ease)}.sidebar-chevron.expanded{transform:rotate(90deg)}.sb-rail-toggle,.sb-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-3);cursor:pointer;flex-shrink:0;transition:background var(--duration-150) var(--ease),color var(--duration-150) var(--ease)}.sb-rail-toggle:hover,.sb-drawer-close:hover{background:var(--surface-2);color:var(--text-1)}.sb-rail-toggle:focus-visible,.sb-drawer-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sb-rail-toggle__dot{display:inline-flex;align-items:center;justify-content:center;line-height:1}.sb-rail-toggle__chevrons{font-size:var(--text-base);line-height:1}.sidebar__section{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar__user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--border-1);flex-shrink:0;min-width:0}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-logout{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-3);cursor:pointer}.sidebar__user-logout:hover{background:var(--danger-light);color:var(--danger-600)}.sidebar__user-logout:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-200) var(--ease)}.sb-drawer{position:fixed;top:0;left:0;bottom:0;width:min(var(--sidebar-width),85vw);max-width:85vw;z-index:var(--z-modal);background:var(--surface-1);border-right:1px solid var(--border-1);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:slideRight var(--duration-250) var(--ease)}.sb-drawer .sidebar__inner{height:100%}@media(max-width:768px){.sb-drawer{width:min(var(--sidebar-width),90vw);max-width:90vw}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar__brand-text,.sidebar__section-title,.sidebar-label,.sidebar-badge,.sidebar-chevron{display:none}.sidebar-button{justify-content:center;padding-inline:0}.sidebar__user-info,.sidebar__user-logout{display:none}.sidebar__user{justify-content:center}}@media(max-width:768px){.app-main{padding:var(--spacing-4) var(--spacing-3)}.sidebar__logo{padding-inline:var(--spacing-3)}}@media(max-width:640px){.app-main{padding:var(--spacing-3) var(--spacing-2)}}.app-layout.collapsed .sidebar{width:var(--sidebar-width-collapsed)}.app-layout .body{flex:1;min-width:0;display:flex;flex-direction:column}.cust-screen{background:var(--surface-0);min-height:100vh;padding:var(--sp-3);max-width:1400px;margin:0 auto}.cust-screen__header{margin-bottom:var(--sp-4)}.cust-screen__title{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-2) 0;display:flex;align-items:center;gap:var(--sp-3);letter-spacing:-.02em}.cust-screen__subtitle{font-size:var(--text-base);color:var(--text-2);margin:0 0 var(--sp-6) 0;font-weight:var(--fw-medium);line-height:1.5}.cust-dash__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.cust-dash__card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-3);box-shadow:var(--shadow-card);border:1px solid var(--border-1);transition:var(--transition);position:relative;overflow:hidden}.cust-dash__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);opacity:.8}.cust-dash__card:hover{box-shadow:var(--shadow-hover);border-color:rgba(var(--primary-600-rgb),.2);transform:translateY(-2px)}.cust-dash__card--blue:before{background:var(--color-primary)}.cust-dash__card--green:before{background:var(--color-success)}.cust-dash__card--red:before{background:var(--color-error)}.cust-dash__card--yellow:before{background:var(--color-warning)}.cust-dash__card--purple:before{background:var(--color-purple)}.cust-dash__card--teal:before{background:var(--color-teal)}.cust-dash__card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);margin-bottom:var(--sp-4);font-size:1.2rem}.cust-dash__card--blue .cust-dash__card-icon{background:rgba(var(--primary-600-rgb),.15);color:var(--color-primary)}.cust-dash__card--green .cust-dash__card-icon{background:#22c55e26;color:var(--color-success)}.cust-dash__card--red .cust-dash__card-icon{background:rgba(var(--danger-500-rgb),.15);color:var(--color-error)}.cust-dash__card--yellow .cust-dash__card-icon{background:rgba(var(--warning-500-rgb),.15);color:var(--color-warning)}.cust-dash__card--purple .cust-dash__card-icon{background:rgba(var(--color-purple-rgb),.15);color:var(--color-purple)}.cust-dash__card--teal .cust-dash__card-icon{background:rgba(var(--color-teal-rgb),.15);color:var(--color-teal)}.cust-dash__card-body{flex:1}.cust-dash__card-label{font-size:var(--text-sm);color:var(--text-2);font-weight:var(--fw-medium);margin:0;text-transform:uppercase;letter-spacing:.05em}.cust-tabs{background:var(--surface-1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-1);margin-bottom:var(--sp-8)}.cust-tabs__nav{display:flex;background:var(--surface-2);border-bottom:2px solid var(--border-1)}.cust-tabs__tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);background:transparent;border:none;color:var(--text-2);font-weight:var(--fw-medium);font-size:var(--text-sm);cursor:pointer;transition:var(--transition);position:relative;border-bottom:2px solid transparent;margin-bottom:-2px}.cust-tabs__tab:hover{color:var(--text-1);background:rgba(var(--primary-600-rgb),.05)}.cust-tabs__tab.active{color:var(--color-primary);background:var(--surface-1);border-bottom-color:var(--color-primary);font-weight:var(--fw-semibold)}.cust-tabs__tab-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--sp-1);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold);line-height:1}.cust-tabs__content{padding:var(--sp-6)}.cust-table__wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-1);background:var(--surface-1)}.cust-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cust-table__head{background:var(--surface-2);border-bottom:2px solid var(--border-1)}.cust-table__th{padding:var(--sp-3) var(--sp-4);text-align:left;font-weight:var(--fw-semibold);color:var(--text-2);white-space:nowrap;letter-spacing:.025em;font-size:var(--text-xs);text-transform:uppercase}.cust-table__td{padding:var(--sp-3) var(--sp-4);color:var(--text-1);vertical-align:middle}.cust-list{background:var(--surface-1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.cust-list__search-wrap{display:flex;align-items:center;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);min-width:300px;transition:var(--transition)}.cust-list__search-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-600-rgb),.1)}.cust-list__search-icon{color:var(--text-3);margin-right:var(--sp-2)}.cust-list__search{background:transparent;border:none;outline:none;flex:1;color:var(--text-1);font-size:var(--text-sm)}.cust-list__actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.cust-list__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition)}.cust-list__btn:hover{background:var(--surface-2);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.cust-list__btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cust-list__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.cust-list__badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.cust-list__badge--active{background:#22c55e1a;border-color:#22c55e33;color:var(--color-success)}.cust-list__badge--inactive{background:#9ca3af1a;border-color:#9ca3af33;color:var(--text-2)}.cust-list__badge--blocked{background:rgba(var(--danger-500-rgb),.1);border-color:rgba(var(--danger-500-rgb),.2);color:var(--color-error)}.cust-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);color:var(--text-3);text-align:center}.cust-empty__icon{font-size:4rem;margin-bottom:var(--sp-4);opacity:.3}.cust-empty__title{font-size:var(--text-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2);color:var(--text-2)}.cust-empty__description{font-size:var(--text-sm);color:var(--text-3);max-width:400px;line-height:1.5}@media(max-width:768px){.cust-screen{padding:var(--sp-4)}.cust-screen__title{font-size:var(--text-2xl)}.cust-dash__cards{grid-template-columns:1fr}.cust-tabs__nav{overflow-x:auto}.cust-list__toolbar{flex-direction:column;align-items:stretch}.cust-list__search-wrap{min-width:100%}.cust-table__wrap{border-radius:0;border-left:none;border-right:none}}.h-page{display:flex;flex-direction:column;gap:var(--spacing-6);animation:h-page-fade .6s var(--ease-out);max-width:100%;overflow-x:hidden;background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.02),rgba(var(--secondary-500-rgb),.02),rgba(var(--accent-500-rgb),.02));padding:var(--spacing-4);border-radius:var(--radius-2xl)}.h-page>*{flex-shrink:0}@keyframes h-page-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.h-page{gap:var(--spacing-5)}}@media(max-width:768px){.h-page{gap:var(--spacing-4)}}@media(max-width:480px){.h-page{gap:var(--spacing-3)}}.h-header{background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.92),rgba(var(--surface-1-rgb),.75));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(var(--border-1-rgb),.4);border-radius:var(--radius-3xl);padding:var(--spacing-8) var(--spacing-10);box-shadow:0 10px 25px -5px #0000000d,0 8px 16px -6px #0000000d,0 0 0 1px #ffffff26 inset;position:relative;overflow:hidden;transition:all var(--duration-300) var(--ease-in-out);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8)}.h-header:hover{box-shadow:0 8px 12px -1px #00000026,0 4px 8px -1px #0000001a,0 0 0 1px rgba(var(--surface-1-rgb),.2) inset;transform:translateY(-2px)}.h-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 25%,var(--secondary-500) 50%,var(--primary-600) 75%,var(--primary-500) 100%);background-size:200% 100%;animation:h-gradient-shift 3s ease-in-out infinite;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;z-index:2}.h-header:after{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:radial-gradient(circle,rgba(var(--primary-500-rgb),.08) 0%,transparent 70%);pointer-events:none;z-index:1}@keyframes h-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.h-header__content{display:flex;align-items:center;gap:var(--spacing-6);position:relative;z-index:1}.h-header__avatar{position:relative;flex-shrink:0}.h-avatar__img,.h-avatar__fallback{width:84px;height:84px;border-radius:var(--radius-2xl);object-fit:cover;border:3px solid var(--border-1);box-shadow:var(--shadow-lg);transition:transform var(--duration-200) var(--ease-in-out)}.h-avatar__fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:var(--text-inverse);font-size:1.5rem;font-weight:var(--fw-extrabold);letter-spacing:.03em;-webkit-user-select:none;user-select:none}.h-avatar__img:hover,.h-avatar__fallback:hover{transform:scale(1.05) rotate(-2deg)}.h-avatar__status{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:var(--success-500);border:3px solid var(--surface-1);border-radius:50%;box-shadow:0 0 12px #22c55e99;animation:h-pulse-status 2s ease-in-out infinite}@keyframes h-pulse-status{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.h-header__left{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0}.h-breadcrumb{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:.725rem;color:var(--text-3);background:rgba(var(--surface-2-rgb),.35);padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(var(--border-1-rgb),.2);width:fit-content}.h-breadcrumb__icon{display:flex;align-items:center;color:var(--primary-500)}.h-breadcrumb__sep{color:var(--text-4)}.h-breadcrumb__active{color:var(--primary-600);font-weight:700}.h-title{font-size:2.25rem;font-weight:var(--fw-extrabold);color:var(--text-1);letter-spacing:-.03em;line-height:1.15;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.h-title__greeting{font-weight:var(--fw-medium);color:var(--text-2)}.h-title__name{background:linear-gradient(135deg,var(--primary-600) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--fw-extrabold);filter:drop-shadow(0 2px 8px rgba(99,102,241,.12))}.h-header__datetime{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-2);font-size:var(--text-base);color:var(--text-3)}.h-header__date,.h-header__time{display:flex;align-items:center;gap:var(--spacing-2-5);padding:.5rem 1rem;background:rgba(var(--surface-1-rgb),.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);border:1px solid rgba(var(--border-1-rgb),.4);font-size:.85rem;font-weight:600;color:var(--text-2);transition:all var(--duration-200) var(--ease-in-out)}.h-header__date svg,.h-header__time svg{color:var(--primary-500)}.h-header__date:hover,.h-header__time:hover{background:rgba(var(--surface-1-rgb),.85);border-color:var(--primary-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.h-header__notifications{position:relative;margin-left:var(--spacing-4)}.h-header__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger-500);color:var(--text-inverse);font-size:10px;font-weight:var(--fw-bold);border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-1);animation:h-badge-pulse 2s ease-in-out infinite}@keyframes h-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.h-header__dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;width:320px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;animation:h-dropdown-in .2s var(--ease-out)}@keyframes h-dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.h-header__dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-1)}.h-header__dropdown-header h3{margin:0;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1)}.h-header__dropdown-count{font-size:var(--text-xs);color:var(--text-3)}.h-header__dropdown-list{max-height:300px;overflow-y:auto;padding:var(--spacing-2)}.h-header__notification{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.h-header__notification:hover{background:rgba(var(--surface-2-rgb),.5)}.h-header__notification--unread{background:rgba(var(--primary-500-rgb),.05)}.h-header__notification--unread:hover{background:rgba(var(--primary-500-rgb),.1)}.h-header__notification-content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1}.h-header__notification-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1)}.h-header__notification-time{font-size:var(--text-xs);color:var(--text-3)}.h-header__notification-dot{width:8px;height:8px;background:var(--primary-500);border-radius:50%;flex-shrink:0}.h-header__dropdown-footer{width:100%;padding:var(--spacing-2) var(--spacing-3);border-top:1px solid var(--border-1);background:rgba(var(--surface-2-rgb),.3);border:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--primary-500);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out)}.h-header__dropdown-footer:hover{background:rgba(var(--primary-500-rgb),.05)}.h-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap}.h-meta__badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--primary-light);color:var(--primary-600);font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.3)}.h-meta__dot{width:4px;height:4px;background:var(--border-2);border-radius:50%}.h-meta__date{font-weight:var(--fw-medium);color:var(--text-2)}.h-status{display:flex;align-items:center;gap:var(--spacing-2);color:var(--success-600);font-weight:var(--fw-semibold)}.h-status__dot{width:8px;height:8px;background:var(--success-500);border-radius:50%;box-shadow:0 0 12px #22c55e99}.h-status__dot--pulse{animation:h-pulse-dot 2s ease-in-out infinite}@keyframes h-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.h-header__actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;flex-shrink:0}.h-header__actions .h-btn{border-radius:var(--radius-xl);font-size:.825rem;font-weight:700;padding:.625rem 1.125rem;min-height:38px;transition:all .25s cubic-bezier(.4,0,.2,1)}.h-header__actions .h-btn--ghost{background:rgba(var(--surface-1-rgb),.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--border-1-rgb),.4);color:var(--text-2)}.h-header__actions .h-btn--ghost:hover{background:var(--surface-1);border-color:var(--primary-500);color:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.h-header__actions .h-btn--primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border:1px solid rgba(var(--primary-600),.1);color:var(--text-inverse);box-shadow:0 4px 14px rgba(var(--primary-500-rgb),.25)}.h-header__actions .h-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--primary-500-rgb),.35)}@media(max-width:1024px){.h-header{flex-wrap:wrap;gap:var(--spacing-4)}.h-header__content{gap:var(--spacing-4)}.h-header__actions{gap:var(--spacing-2)}}@media(max-width:768px){.h-header{padding:var(--spacing-4);flex-direction:column;align-items:stretch}.h-header__content{gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.h-header__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.h-avatar__img,.h-avatar__fallback{width:52px;height:52px}.h-title{font-size:1.375rem}.h-btn{flex:1;min-width:0}.h-header__datetime{flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.h-header__date,.h-header__time{padding:.25rem .5rem;font-size:.725rem;background:rgba(var(--surface-2-rgb),.4);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(var(--border-1-rgb),.2);box-shadow:none}.h-header__date:hover,.h-header__time:hover{background:rgba(var(--surface-2-rgb),.4);transform:none;box-shadow:none}}@media(max-width:640px){.h-header{padding:var(--spacing-3);gap:var(--spacing-3)}.h-header__content{gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.h-avatar__img,.h-avatar__fallback{width:48px;height:48px}.h-title{font-size:1.25rem}.h-btn--hide-mobile{display:inline-flex}.h-btn{font-size:var(--text-xs);padding:var(--spacing-2-5) var(--spacing-3)}}@media(max-width:480px){.h-header{padding:var(--spacing-2)}.h-header__content{gap:var(--spacing-2)}.h-avatar__img,.h-avatar__fallback{width:40px;height:40px}.h-title{font-size:1.125rem}.h-breadcrumb{font-size:.625rem}.h-breadcrumb__icon{display:none}.h-header__datetime{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.h-header__date,.h-header__time{width:fit-content}.h-header__actions{flex-direction:column;gap:var(--spacing-2)}.h-btn{width:100%}}.h-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--fw-semibold);font-family:var(--font-sans);border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);white-space:nowrap;line-height:1;min-height:36px}@media(max-width:640px){.h-btn{padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-xs);min-height:32px}}.h-btn--primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 50%,var(--primary-700) 100%);background-size:200% 100%;color:var(--text-inverse);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.4),0 2px 6px rgba(var(--primary-500-rgb),.3),inset 0 1px rgba(var(--surface-1-rgb),.4),0 0 0 1px rgba(var(--surface-1-rgb),.1) inset;animation:h-gradient-shift 3s ease-in-out infinite;position:relative;overflow:hidden}.h-btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--surface-1-rgb),.3),transparent);transition:left .5s ease}.h-btn--primary:hover:before{left:100%}.h-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-500-rgb),.5),0 4px 12px rgba(var(--primary-500-rgb),.4),inset 0 1px rgba(var(--surface-1-rgb),.5),0 0 0 1px rgba(var(--surface-1-rgb),.2) inset;background-position:100% 50%}.h-btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--primary-500-rgb),.4),inset 0 1px rgba(var(--surface-1-rgb),.3)}.h-btn--ghost{background:rgba(var(--primary-500-rgb),.08);color:var(--primary-600);border-color:rgba(var(--primary-500-rgb),.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--duration-200) cubic-bezier(.4,0,.2,1)}.h-btn--ghost:hover{background:rgba(var(--primary-500-rgb),.15);border-color:rgba(var(--primary-500-rgb),.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.2),0 2px 6px rgba(var(--primary-500-rgb),.15)}.h-btn--ghost:active{transform:translateY(0);background:rgba(var(--primary-500-rgb),.2)}.h-link{display:inline-flex;align-items:center;gap:var(--spacing-1);background:none;border:none;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--primary-600);cursor:pointer;padding:0;font-family:var(--font-sans);transition:color var(--duration-150) var(--ease-in-out)}.h-link:hover{color:var(--primary-700)}.h-card{background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.95),rgba(var(--surface-1-rgb),.85));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-1-rgb),.4);border-radius:var(--radius-2xl);padding:var(--spacing-5);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px rgba(var(--surface-1-rgb),.1) inset;transition:all var(--duration-300) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.h-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -1px #00000026,0 6px 12px -1px #0000001a,0 0 0 1px rgba(var(--surface-1-rgb),.2) inset;border-color:rgba(var(--border-1-rgb),.6)}.h-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);gap:var(--spacing-3);flex-wrap:wrap}.h-card__title-wrap{display:flex;flex-direction:column;gap:var(--spacing-1)}.h-card__title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.h-card__subtitle{font-size:var(--text-sm);color:var(--text-3);margin:0}@media(max-width:768px){.h-card{padding:var(--spacing-4);border-radius:var(--radius-xl)}.h-card__title{font-size:var(--text-base)}}@media(max-width:640px){.h-card{padding:var(--spacing-3)}.h-card__head{margin-bottom:var(--spacing-3)}}.h-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-5)}@media(max-width:1400px){.h-kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}}@media(max-width:768px){.h-kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}}@media(max-width:640px){.h-kpi-grid{grid-template-columns:1fr;gap:var(--spacing-3)}}.h-kpi{background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.95),rgba(var(--surface-1-rgb),.85));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-1-rgb),.4);border-radius:var(--radius-2xl);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px rgba(var(--surface-1-rgb),.1) inset;transition:all var(--duration-300) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default}@media(max-width:768px){.h-kpi{padding:var(--spacing-4);gap:var(--spacing-3);border-radius:var(--radius-xl)}}@media(max-width:640px){.h-kpi{padding:var(--spacing-3)}}.h-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kpi-color, var(--primary-500));opacity:.6;transition:opacity var(--duration-300) var(--ease-in-out);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.h-kpi:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--kpi-color, var(--primary-500)) 0%,transparent 70%);opacity:0;transition:opacity var(--duration-300) var(--ease-in-out);pointer-events:none}.h-kpi:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 20px -1px #00000026,0 6px 12px -1px #0000001a,0 0 0 1px rgba(var(--surface-1-rgb),.2) inset;border-color:var(--kpi-color, var(--primary-300))}.h-kpi:hover:before{opacity:1}.h-kpi:hover:after{opacity:.05}.h-kpi__top{display:flex;align-items:center;gap:var(--spacing-3)}.h-kpi__icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--kpi-color, var(--primary-500)) 0%,var(--kpi-color-dark, var(--primary-700)) 100%);color:var(--text-inverse);box-shadow:0 4px 8px #0003,0 2px 4px #0000001a,inset 0 1px rgba(var(--surface-1-rgb),.3);transition:all var(--duration-300) cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.h-kpi__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.4),rgba(var(--surface-1-rgb),0));pointer-events:none}@media(max-width:640px){.h-kpi__icon{width:36px;height:36px}}.h-kpi:hover .h-kpi__icon{transform:scale(1.08) rotate(-4deg)}.h-kpi__label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;line-height:1.3}@media(max-width:640px){.h-kpi__label{font-size:.625rem}}.h-kpi__mid{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-3)}.h-kpi__value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:-.02em;line-height:1}@media(max-width:768px){.h-kpi__value{font-size:var(--text-xl)}}@media(max-width:640px){.h-kpi__value{font-size:var(--text-lg)}}.h-kpi__sparkline{flex-shrink:0}.h-kpi__foot{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.h-kpi__badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--fw-bold)}.h-kpi__badge--up{background:var(--success-light);color:var(--success-600)}.h-kpi__badge--down{background:var(--danger-light);color:var(--danger-600)}.h-kpi__period{font-size:var(--text-xs);color:var(--text-3)}.h-main-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-5)}@media(min-width:1100px){.h-main-grid{grid-template-columns:1fr 400px}}@media(min-width:1400px){.h-main-grid{grid-template-columns:1fr 440px}}@media(max-width:768px){.h-main-grid{gap:var(--spacing-4)}}@media(max-width:640px){.h-main-grid{gap:var(--spacing-3)}}.h-main-grid__left,.h-main-grid__right{display:flex;flex-direction:column;gap:var(--spacing-5);min-width:0}@media(max-width:768px){.h-main-grid__left,.h-main-grid__right{gap:var(--spacing-4)}}@media(max-width:640px){.h-main-grid__left,.h-main-grid__right{gap:var(--spacing-3)}}.qa-root{display:flex;flex-direction:column;gap:var(--spacing-4)}.qa-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.qa-search{position:relative;display:flex;align-items:center}.qa-search__icon{position:absolute;left:10px;width:14px;height:14px;color:var(--text-3);pointer-events:none;flex-shrink:0}.qa-search__input{padding:.45rem .75rem .45rem 2rem;font-size:var(--text-xs);font-family:var(--font-sans);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);color:var(--text-1);width:160px;transition:all var(--duration-150) var(--ease-in-out);outline:none}.qa-search__input::placeholder{color:var(--text-3)}.qa-search__input:focus{border-color:var(--primary-500);background:var(--surface-1);box-shadow:0 0 0 3px #3b82f61f;width:200px}.qa-tabs{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.qa-tab{display:inline-flex;align-items:center;gap:5px;padding:.3rem .75rem;font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-sans);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-full);color:var(--text-3);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);white-space:nowrap}.qa-tab:hover{background:var(--surface-1);color:var(--text-2);border-color:var(--border-2)}.qa-tab--active{background:var(--primary-light);border-color:var(--primary-500);color:var(--primary-600)}.qa-tab__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}@media(min-width:1400px){.qa-grid{grid-template-columns:repeat(3,1fr)}}.h-main-grid__left .qa-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.qa-grid{grid-template-columns:repeat(2,1fr)}.h-main-grid__left .qa-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.h-main-grid__left .qa-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.qa-grid,.h-main-grid__left .qa-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}}@media(max-width:480px){.qa-grid,.h-main-grid__left .qa-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}}.qa-module{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-4);background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.95),rgba(var(--surface-1-rgb),.85));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-1-rgb),.4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-300) cubic-bezier(.4,0,.2,1);font-family:var(--font-sans);text-align:left;overflow:hidden;min-width:0;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a,0 0 0 1px rgba(var(--surface-1-rgb),.1) inset}@media(max-width:640px){.qa-module{padding:var(--spacing-3);gap:var(--spacing-1-5)}}.qa-module:hover{border-color:var(--module-color, var(--primary-300));box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014,0 0 0 1px rgba(var(--surface-1-rgb),.2) inset;transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.98),rgba(var(--surface-1-rgb),.92))}.qa-module:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--module-color, var(--primary-500)) 0%,transparent 70%);opacity:0;transition:opacity var(--duration-300) var(--ease-in-out);pointer-events:none}.qa-module:hover:after{opacity:.08}.qa-module:active{transform:translateY(-1px)}.qa-module__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity var(--duration-200) var(--ease-in-out);pointer-events:none}.qa-module__icon{position:relative;z-index:1;width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--module-color, var(--primary-500)) 0%,var(--module-color-dark, var(--primary-700)) 100%);color:var(--text-inverse);box-shadow:0 4px 8px #0003,0 2px 4px #0000001a,inset 0 1px rgba(var(--surface-1-rgb),.3);transition:all var(--duration-300) cubic-bezier(.4,0,.2,1)}.qa-module__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.4),rgba(var(--surface-1-rgb),0));pointer-events:none}@media(max-width:640px){.qa-module__icon{width:32px;height:32px}}.qa-module:hover .qa-module__icon{transform:scale(1.1) rotate(-4deg)}.qa-module__label{position:relative;z-index:1;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:640px){.qa-module__label{font-size:var(--text-xs)}}.qa-module__desc{position:relative;z-index:1;font-size:var(--text-xs);color:var(--text-3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:640px){.qa-module__desc{font-size:.625rem}}.qa-module__accent{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 var(--radius-xl) var(--radius-xl);transition:opacity var(--duration-200) var(--ease-in-out)}.qa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);color:var(--text-3);font-size:var(--text-sm)}.qa-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-2);font-size:var(--text-xs);color:var(--text-3)}.qa-shortcuts-btn{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out)}.qa-shortcuts-btn:hover{background:rgba(var(--surface-2-rgb),.5);color:var(--text-2)}.qa-module__favorite{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(var(--surface-1-rgb),.9);border:1px solid rgba(var(--border-1-rgb),.5);border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);opacity:0;transform:scale(.9)}.qa-module:hover .qa-module__favorite{opacity:1;transform:scale(1)}.qa-module__favorite:hover{background:var(--surface-1);border-color:var(--primary-500);color:var(--primary-500);transform:scale(1.1)}.qa-shortcuts-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:qa-modal-in .2s var(--ease-out)}@keyframes qa-modal-in{0%{opacity:0}to{opacity:1}}.qa-shortcuts-content{width:90%;max-width:400px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:qa-modal-content-in .3s var(--ease-out)}@keyframes qa-modal-content-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.qa-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-1)}.qa-shortcuts-header h3{margin:0;font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1)}.qa-shortcuts-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-xl);font-weight:var(--fw-light);color:var(--text-3);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out)}.qa-shortcuts-close:hover{background:rgba(var(--danger-500-rgb),.1);color:var(--danger-500)}.qa-shortcuts-list{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.qa-shortcut-item{display:flex;align-items:center;gap:var(--spacing-3)}.qa-shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-2);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);box-shadow:0 2px #0000001a}.qa-shortcut-item span:not(.qa-shortcut-key){font-size:var(--text-sm);color:var(--text-2)}.qa-shortcut-label{font-weight:var(--fw-medium)}.h-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-3)}@media(max-width:480px){.h-shortcuts{grid-template-columns:repeat(3,1fr)}}.h-shortcut{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);font-family:inherit;min-width:0}.h-shortcut:hover:not(:disabled){background:var(--surface-1);border-color:var(--primary-500);box-shadow:var(--shadow-primary);transform:translateY(-3px)}.h-shortcut:active:not(:disabled){transform:translateY(-1px)}.h-shortcut:disabled{opacity:.5;cursor:not-allowed}.h-shortcut__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--duration-200) var(--ease-in-out)}.h-shortcut:hover:not(:disabled) .h-shortcut__icon{transform:scale(1.1) rotate(-4deg)}.h-shortcut__label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);text-align:center;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.h-task-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.h-task{display:flex;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-3) var(--spacing-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);transition:all var(--duration-150) var(--ease-in-out)}.h-task:hover{background:var(--surface-1);border-color:var(--border-2);transform:translate(3px)}.h-task__icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.h-task__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.h-task__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);line-height:1.3}.h-task__meta{font-size:var(--text-xs);color:var(--text-3)}.h-ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}@media(max-width:1200px){.h-ops-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.h-ops-grid{grid-template-columns:1fr}}@media(max-width:640px){.h-ops-grid{gap:var(--spacing-2)}}.h-ops-grid>.h-ops-card{animation:h-fade-up .4s var(--ease-out) both}.h-ops-card{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid rgba(var(--border-1-rgb),.4);background:linear-gradient(135deg,rgba(var(--surface-1-rgb),.95),rgba(var(--surface-1-rgb),.85));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--duration-300) cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a,0 0 0 1px rgba(var(--surface-1-rgb),.1) inset}.h-ops-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014,0 0 0 1px rgba(var(--surface-1-rgb),.2) inset;border-color:rgba(var(--border-1-rgb),.6)}.h-ops-card--critical{background:linear-gradient(135deg,rgba(var(--danger-500-rgb),.15),rgba(var(--danger-500-rgb),.05),rgba(var(--surface-1-rgb),.9));border-color:rgba(var(--danger-500-rgb),.4)}.h-ops-card--warning{background:linear-gradient(135deg,rgba(var(--warning-500-rgb),.15),rgba(var(--warning-500-rgb),.05),rgba(var(--surface-1-rgb),.9));border-color:rgba(var(--warning-500-rgb),.4)}.h-ops-card--success{background:linear-gradient(135deg,rgba(var(--success-500-rgb),.15),rgba(var(--success-500-rgb),.05),rgba(var(--surface-1-rgb),.9));border-color:rgba(var(--success-500-rgb),.4)}.h-ops-card--critical:hover{border-color:rgba(var(--danger-500-rgb),.7)}.h-ops-card--warning:hover{border-color:rgba(var(--warning-500-rgb),.7)}.h-ops-card--success:hover{border-color:rgba(var(--success-500-rgb),.7)}.h-ops-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-1);box-shadow:0 2px 4px #0000001a,inset 0 1px rgba(var(--surface-1-rgb),.5);transition:all var(--duration-300) var(--ease-in-out)}.h-ops-card--critical .h-ops-card__icon{background:linear-gradient(135deg,var(--danger-500) 0%,var(--danger-600) 100%);color:#fff;box-shadow:0 4px 10px rgba(var(--danger-500-rgb),.35)}.h-ops-card--warning .h-ops-card__icon{background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:#fff;box-shadow:0 4px 10px rgba(var(--warning-500-rgb),.35)}.h-ops-card--success .h-ops-card__icon{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);color:#fff;box-shadow:0 4px 10px rgba(var(--success-500-rgb),.35)}.h-ops-card:hover .h-ops-card__icon{transform:scale(1.1) rotate(-4deg)}.h-ops-card__body{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.h-ops-card__heading{display:flex;align-items:center;gap:var(--spacing-2);min-width:0}.h-ops-card__title{margin:0;font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-1);flex:1;min-width:0;line-height:1.3}.h-ops-card__count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-extrabold);flex-shrink:0}.h-ops-card--critical .h-ops-card__count{background:var(--danger-500);color:#fff;box-shadow:0 2px 8px rgba(var(--danger-500-rgb),.4)}.h-ops-card--warning .h-ops-card__count{background:var(--warning-500);color:#fff;box-shadow:0 2px 8px rgba(var(--warning-500-rgb),.4)}.h-ops-card--success .h-ops-card__count{background:rgba(var(--success-500-rgb),.15);color:var(--success-600)}.h-ops-card__text{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--text-2)}.h-ops-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-top:var(--spacing-4)}@media(max-width:768px){.h-ops-summary{grid-template-columns:1fr;gap:var(--spacing-2)}}.h-ops-summary__item{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-2);font-size:var(--text-xs);border:1px solid var(--border-1);transition:all var(--duration-200) var(--ease-in-out)}.h-ops-summary__item:hover{transform:translateY(-1px);border-color:rgba(var(--border-1-rgb),.7)}.h-ops-summary__item--info{background:rgba(var(--info-500-rgb),.08);border-color:rgba(var(--info-500-rgb),.25)}.h-ops-summary__item--success{background:rgba(var(--success-500-rgb),.08);border-color:rgba(var(--success-500-rgb),.25)}.h-ops-summary__item--warning{background:rgba(var(--warning-500-rgb),.08);border-color:rgba(var(--warning-500-rgb),.3)}.h-ops-summary__item--critical{background:rgba(var(--danger-500-rgb),.08);border-color:rgba(var(--danger-500-rgb),.3)}.h-ops-summary__icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-md);flex-shrink:0}.h-ops-summary__item--info .h-ops-summary__icon{background:rgba(var(--info-500-rgb),.15);color:var(--info-600)}.h-ops-summary__item--success .h-ops-summary__icon{background:rgba(var(--success-500-rgb),.15);color:var(--success-600)}.h-ops-summary__item--warning .h-ops-summary__icon{background:rgba(var(--warning-500-rgb),.15);color:var(--warning-600)}.h-ops-summary__item--critical .h-ops-summary__icon{background:rgba(var(--danger-500-rgb),.15);color:var(--danger-600)}.h-ops-summary__text{line-height:1.5;color:var(--text-2)}.h-ops-summary__text strong{color:var(--text-1)}.h-period-tabs{display:flex;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:2px;gap:2px}.h-period-tab{padding:.25rem .625rem;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-3);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);font-family:var(--font-sans)}.h-period-tab--active{background:var(--surface-1);color:var(--primary-600);box-shadow:var(--shadow-xs)}.h-chart-controls{display:flex;align-items:center;gap:var(--spacing-2)}.h-chart-type-tabs{display:flex;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);overflow:hidden}.h-chart-type-tab{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out)}.h-chart-type-tab:hover{background:rgba(var(--surface-1-rgb),.5);color:var(--text-2)}.h-chart-type-tab--active{background:var(--surface-1);color:var(--primary-600);box-shadow:var(--shadow-xs)}.h-chart-summary{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-4);flex-wrap:wrap}.h-chart-summary__item{display:flex;align-items:center;gap:var(--spacing-2)}.h-chart-summary__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.h-chart-summary__label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.h-chart-summary__value{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);display:flex;align-items:center;gap:3px}.h-chart-summary__value--up{color:var(--success-600)}.h-chart-summary__value--down{color:var(--danger-600)}.h-chart-canvas{width:100%;overflow:hidden}.h-chart-svg{width:100%;height:auto;display:block}.h-products-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.h-product-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);transition:all var(--duration-150) var(--ease-in-out);cursor:pointer}.h-product-item:hover{background:var(--surface-1);border-color:var(--primary-500);transform:translate(4px)}.h-product-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--fw-bold);border-radius:var(--radius-md);flex-shrink:0}.h-product-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);flex-shrink:0}.h-product-info{flex:1;min-width:0}.h-product-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-product-meta{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.h-product-trend{flex-shrink:0}.h-product-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--fw-bold)}.h-product-badge--up{background:var(--success-light);color:var(--success-600)}.h-product-badge--down{background:var(--danger-light);color:var(--danger-600)}.h-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4);animation:h-fade-in .2s var(--ease-out)}.h-modal-content{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:h-slide-up .3s var(--ease-out)}.h-modal-content--lg{max-width:1000px}.h-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-1)}.h-modal-title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.h-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);color:var(--text-2)}.h-modal-close:hover{background:var(--surface-1);border-color:var(--primary-500);color:var(--primary-600)}.h-modal-body{padding:var(--spacing-5) var(--spacing-6);overflow-y:auto;flex:1}@keyframes h-fade-in{0%{opacity:0}to{opacity:1}}@keyframes h-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.h-modal-content{max-width:100%;max-height:95vh}.h-modal-header,.h-modal-body{padding:var(--spacing-4)}}.h-activity-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.h-activity-table thead tr{border-bottom:1px solid var(--border-1)}.h-activity-table th{padding:var(--spacing-2) var(--spacing-4);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.h-activity-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-1);color:var(--text-2);vertical-align:middle}.h-activity-table tbody tr:last-child td{border-bottom:none}.h-activity-table tbody tr{transition:background var(--duration-150) var(--ease-in-out)}.h-activity-table tbody tr:hover{background:var(--surface-2)}.h-act-cell{display:flex;align-items:center;gap:var(--spacing-3)}.h-act-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.h-act-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.h-pill{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);border:1px solid transparent}.h-pill--success{background:var(--success-light);color:var(--success-600);border-color:#22c55e4d}.h-pill--warning{background:var(--warning-light);color:var(--warning-600);border-color:#f59e0b4d}.h-pill--critical{background:var(--danger-light);color:var(--danger-600);border-color:#ef44444d}.h-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em}.h-badge--success{background:var(--success-light);color:var(--success-600)}.h-badge--warning{background:var(--warning-light);color:var(--warning-600)}.h-badge--error{background:var(--danger-light);color:var(--danger-600)}.h-badge--info{background:var(--info-light);color:var(--info-600)}.h-alerts-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.h-alerts-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:0 var(--spacing-1)}.h-alerts-header__title{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.h-alerts-header__count{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-full);padding:.15rem .6rem}.h-alert{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);border:1px solid;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000d;transition:all var(--duration-200) var(--ease-in-out)}.h-alert:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000014}.h-alert:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:currentColor;border-radius:var(--radius-xl) 0 0 var(--radius-xl);opacity:.85}.h-alert--success{background:var(--success-light);border-color:#22c55e4d;color:var(--success-600)}.h-alert--critical{background:var(--danger-light);border-color:#ef44444d;color:var(--danger-600)}.h-alert--warning{background:var(--warning-light);border-color:#f59e0b4d;color:var(--warning-600)}.h-alert--info{background:var(--info-light);border-color:#06b6d44d;color:var(--info-600)}.h-alert__content{display:flex;align-items:center;gap:var(--spacing-2);flex:1;min-width:0;padding-left:var(--spacing-1)}.h-alert__icon{width:16px;height:16px;flex-shrink:0}.h-alert__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);white-space:nowrap}.h-alert__description{font-size:var(--text-xs);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-alert__action{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1-5) var(--spacing-3);background:var(--surface-1);border:1px solid currentColor;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:currentColor;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--font-sans);transition:all var(--duration-150) var(--ease-in-out)}.h-alert__action:hover{background:currentColor;color:#fff}@keyframes h-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.h-kpi-grid>*{animation:h-fade-up .35s var(--ease-in-out) both}.h-kpi-grid>*:nth-child(1){animation-delay:.05s}.h-kpi-grid>*:nth-child(2){animation-delay:.1s}.h-kpi-grid>*:nth-child(3){animation-delay:.15s}.h-kpi-grid>*:nth-child(4){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.h-page,.h-card,.h-btn,.h-avatar__img,.h-avatar__fallback,.h-status__dot,.h-ops-card,.h-product-item,.h-modal-overlay,.h-modal-content,.h-kpi,.h-shortcut,.h-task,.qa-module{animation:none;transition:none}.h-card:hover,.h-btn--primary:hover,.h-ops-card:hover,.h-product-item:hover,.h-kpi:hover,.h-shortcut:hover,.h-task:hover,.qa-module:hover{transform:none}.h-kpi__icon,.h-shortcut__icon,.qa-module__icon{transition:none}}.dark .h-page{background:linear-gradient(135deg,rgba(var(--primary-500-rgb),.03),rgba(var(--secondary-rgb),.03),rgba(var(--accent-rgb),.03))}.dark .h-header,.dark .h-card,.dark .h-kpi,.dark .qa-module,.dark .h-ops-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark .h-ops-card--critical{background:linear-gradient(135deg,rgba(var(--danger-500-rgb),.2),rgba(var(--danger-500-rgb),.1),rgba(var(--surface-1-rgb),.95))}.dark .h-ops-card--warning{background:linear-gradient(135deg,rgba(var(--warning-500-rgb),.2),rgba(var(--warning-500-rgb),.1),rgba(var(--surface-1-rgb),.95))}.dark .h-ops-card--success{background:linear-gradient(135deg,rgba(var(--success-500-rgb),.2),rgba(var(--success-500-rgb),.1),rgba(var(--surface-1-rgb),.95))}.h-widget{animation:h-fade-up .35s var(--ease-in-out) both}.h-page--compact .h-widget{margin-bottom:var(--spacing-3)}.h-page--compact .h-card{padding:var(--spacing-3)}.h-page--compact .h-kpi-grid{gap:var(--spacing-3)}.h-page--compact .h-kpi{padding:var(--spacing-3)}.h-page--compact .h-kpi__value{font-size:var(--text-lg)}.h-recent{padding:0}.h-recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.h-recent-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);animation:h-fade-up .3s var(--ease-in-out) both}.h-recent-item:hover{background:var(--surface-1);border-color:var(--primary-500);transform:translate(4px);box-shadow:var(--shadow-sm)}.h-recent-item:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.h-recent__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.h-recent__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.h-recent__label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-recent__subtitle{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-recent__meta{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.h-recent__time{font-size:var(--text-xs);color:var(--text-3);font-weight:var(--fw-medium)}.h-recent__remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);opacity:0}.h-recent-item:hover .h-recent__remove{opacity:1}.h-recent__remove:hover{background:var(--danger-light);color:var(--danger-600)}.h-recent__toggle{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);font-family:var(--font-sans)}.h-recent__toggle:hover{background:var(--surface-2);border-color:var(--primary-500);color:var(--primary-600)}.h-recent__clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.h-recent__clear:hover{background:var(--danger-light);border-color:var(--danger-300);color:var(--danger-600)}.h-recent__footer{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-1);font-size:var(--text-xs);color:var(--text-3);text-align:center}.h-recent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);color:var(--text-3);text-align:center}.h-recent-empty__hint{font-size:var(--text-xs);color:var(--text-4)}.h-recent-skeleton{padding:var(--spacing-2)}.h-recent-item--loading{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);animation:h-pulse 1.5s ease-in-out infinite}.h-global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:h-fade-in .2s var(--ease-out)}.h-global-search{width:100%;max-width:720px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:h-slide-down .3s var(--ease-out)}@keyframes h-slide-down{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.h-global-search__header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-1)}.h-global-search__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.h-global-search__kbd{position:absolute;left:12px;width:16px;height:16px;color:var(--text-3);pointer-events:none;flex-shrink:0}.h-global-search__input{width:100%;padding:.625rem 1rem .625rem 3rem;font-size:var(--text-base);font-family:var(--font-sans);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);color:var(--text-1);outline:none;transition:all var(--duration-150) var(--ease-in-out)}.h-global-search__input:focus{border-color:var(--primary-500);background:var(--surface-1);box-shadow:0 0 0 3px #3b82f61f}.h-global-search__clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.h-global-search__clear:hover{background:var(--surface-2);color:var(--text-2)}.h-global-search__loader{position:absolute;right:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.h-global-search__hint{display:flex;align-items:center;gap:4px;padding:.25rem .5rem;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-3);font-family:var(--font-mono)}.h-global-search__results{list-style:none;padding:var(--spacing-2);margin:0;max-height:50vh;overflow-y:auto}.h-global-search__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.h-global-search__item:hover,.h-global-search__item--selected{background:var(--surface-2)}.h-global-search__item-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.h-global-search__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.h-global-search__item-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-global-search__item-desc{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-global-search__shortcut{display:flex;align-items:center;justify-content:center;min-width:50px;height:24px;padding:0 var(--spacing-2);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);flex-shrink:0}.h-global-search__chevron{flex-shrink:0;color:var(--text-3)}.h-global-search__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-4);color:var(--text-3);text-align:center}.h-global-search__hint-text{font-size:var(--text-xs);color:var(--text-4)}.h-global-search__footer{padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--border-1);font-size:var(--text-xs);color:var(--text-3);text-align:center}.h-global-search-trigger{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.5rem 1rem;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-3);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);font-family:var(--font-sans);white-space:nowrap}.h-global-search-trigger:hover{background:var(--surface-1);border-color:var(--primary-500);color:var(--primary-600)}.h-global-search-trigger__text{display:none}@media(min-width:640px){.h-global-search-trigger__text{display:inline}}.h-global-search-trigger__kbd{display:flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 var(--spacing-2);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);box-shadow:0 2px #0000001a}@media(max-width:768px){.h-global-search{max-width:100%;border-radius:0;height:100vh;max-height:100vh}.h-global-search__header{padding:var(--spacing-3) var(--spacing-4)}.h-global-search__input{padding:.5rem .75rem .5rem 2.5rem;font-size:16px}}@media(max-width:480px){.h-recent-item{padding:var(--spacing-2) var(--spacing-3)}.h-recent__icon{width:32px;height:32px}.h-recent__label{font-size:var(--text-xs)}}.loading-content{position:relative;background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000000a,inset 0 1px #fffc;transition:all var(--duration-300) var(--ease)}.loading-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(135deg,#fff6,#ffffff1a);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}:root.dark .loading-content{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border-color:#47556999;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff1a}.loading-content--sm{padding:var(--sp-4);min-height:120px}.loading-content--md{padding:var(--sp-8);min-height:200px}.loading-content--lg{padding:var(--sp-12);min-height:300px}.loading-content--minimal{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.loading-content--overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-4);position:relative;z-index:1}.loading-content__icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:relative}.loading-content--sm .loading-content__icon-wrapper{width:32px;height:32px}.loading-content--lg .loading-content__icon-wrapper{width:64px;height:64px}.loading-content__icon{width:100%;height:100%;color:var(--primary-600);transition:all var(--duration-300) var(--ease)}.loading-content__icon--spinning{animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.loading-content__icon--error{color:var(--danger-600)}.loading-content__icon--success{color:var(--success-600)}.loading-content__text{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);max-width:300px}.loading-content__message{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;line-height:1.4}.loading-content__description{font-size:var(--text-sm);color:var(--text-2);margin:0;line-height:1.5}.loading-content--sm .loading-content__message{font-size:var(--text-base)}.loading-content--lg .loading-content__message{font-size:var(--text-xl)}.loading-content__progress{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%;max-width:200px}.loading-content__progress-bar{width:100%;height:6px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;position:relative}.loading-content__progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-full);transition:width var(--duration-300) var(--ease);position:relative}.loading-content__progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.loading-content__progress-text{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-2)}.loading-content__retry{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-4);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--duration-200) var(--ease);margin-top:var(--sp-2)}.loading-content__retry:hover{background:var(--primary-700);transform:translateY(-1px)}.loading-content__retry:active{transform:translateY(0)}.loading-content--loading{border-color:var(--primary-200)}.loading-content--error{border-color:var(--danger-200)}.loading-content--success{border-color:var(--success-200)}@keyframes lc-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-content--loading .loading-content__icon{animation:lc-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:768px){.loading-content{margin:var(--sp-4)}.loading-content--sm{padding:var(--sp-3);min-height:100px}.loading-content--md{padding:var(--sp-6);min-height:160px}.loading-content--lg{padding:var(--sp-8);min-height:240px}.loading-content__text{max-width:250px}.loading-content__message{font-size:var(--text-base)}.loading-content__description{font-size:var(--text-xs)}}@media(max-width:480px){.loading-content{margin:var(--sp-2)}.loading-content--sm{padding:var(--sp-2);min-height:80px}.loading-content--md{padding:var(--sp-4);min-height:120px}.loading-content--lg{padding:var(--sp-6);min-height:180px}.loading-content__text{max-width:200px}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-500-rgb: 59, 130, 246;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-500-rgb: 34, 197, 94;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-500-rgb: 245, 158, 11;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--info-50: #ecfeff;--info-100: #cffafe;--info-200: #a5f3fc;--info-300: #67e8f9;--info-400: #22d3ee;--info-500: #06b6d4;--info-500-rgb: 6, 182, 212;--info-600: #0891b2;--info-700: #0e7490;--info-800: #155e75;--info-900: #164e63;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-500-rgb: 100, 116, 139;--primary-1: var(--primary-100);--primary-2: var(--primary-200);--primary-3: var(--primary-300);--primary-4: var(--primary-400);--primary-5: var(--primary-500);--primary-6: var(--primary-600);--primary-7: var(--primary-700);--primary-8: var(--primary-800);--primary-9: var(--primary-900);--success-1: var(--success-100);--success-2: var(--success-200);--success-3: var(--success-300);--success-4: var(--success-400);--success-5: var(--success-500);--success-6: var(--success-600);--success-7: var(--success-700);--success-8: var(--success-800);--success-9: var(--success-900);--warning-1: var(--warning-100);--warning-2: var(--warning-200);--warning-3: var(--warning-300);--warning-4: var(--warning-400);--warning-5: var(--warning-500);--warning-6: var(--warning-600);--warning-7: var(--warning-700);--warning-8: var(--warning-800);--warning-9: var(--warning-900);--danger-1: var(--danger-100);--danger-2: var(--danger-200);--danger-3: var(--danger-300);--danger-4: var(--danger-400);--danger-5: var(--danger-500);--danger-6: var(--danger-600);--danger-7: var(--danger-700);--danger-8: var(--danger-800);--danger-9: var(--danger-900);--info-1: var(--info-100);--info-2: var(--info-200);--info-3: var(--info-300);--info-4: var(--info-400);--info-5: var(--info-500);--info-6: var(--info-600);--info-7: var(--info-700);--info-8: var(--info-800);--info-9: var(--info-900);--surface-0: var(--neutral-50);--surface-1: #ffffff;--surface-1-rgb: 255, 255, 255;--surface-2-rgb: 241, 245, 249;--surface-2: var(--neutral-100);--surface-3: var(--neutral-200);--surface-4: var(--neutral-300);--border-1: var(--neutral-200);--border-1-rgb: 226, 232, 240;--border-2: var(--neutral-300);--border-3: var(--neutral-400);--text-1: var(--neutral-900);--text-2: var(--neutral-700);--text-3: var(--neutral-500);--text-4: var(--neutral-400);--text-inverse: #ffffff;--color-primary: var(--primary-600);--primary-600-rgb: 37, 99, 235;--color-secondary: #7c3aed;--color-purple: #8b5cf6;--color-purple-rgb: 139, 92, 246;--color-teal: #14b8a6;--color-teal-rgb: 20, 184, 166;--color-secondary-rgb: 124, 58, 237;--color-accent: #ec4899;--color-accent-rgb: 236, 72, 153;--secondary-500-rgb: 124, 58, 237;--accent-500-rgb: 236, 72, 153;--color-success: var(--success-600);--color-warning: var(--warning-600);--color-error: var(--danger-600);--color-info: var(--info-600);--primary-light: var(--primary-100);--success-light: var(--success-100);--warning-light: var(--warning-100);--danger-light: var(--danger-100);--info-light: var(--info-100);--font-family-base: var(--font-sans);--shadow-card: var(--shadow-sm);--shadow-hover: var(--shadow-lg);--shadow-elevated: var(--shadow-xl);--bg-white-80: rgba(255, 255, 255, .8);--bg-slate-80: rgba(30, 41, 59, .8);--bg-slate-90: rgba(15, 23, 42, .6);--gradient-surface-135: linear-gradient(135deg, var(--surface-1) 0%, var(--surface-2) 100%);--gradient-error: var(--gradient-danger);--blur-md: blur(12px);--transition-fast: all .15s var(--ease-in-out);--warning-600-rgb: 217, 119, 6;--primary-400-rgb: 96, 165, 250;--warning-400-rgb: 251, 191, 36;--danger-500-rgb: 239, 68, 68;--danger-600-rgb: 220, 38, 38;--focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--chart-grid: var(--border-1);--chart-sales: var(--primary-500);--chart-revenue: var(--success-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-primary: 0 4px 14px 0 rgba(59, 130, 246, .25);--shadow-success: 0 4px 14px 0 rgba(34, 197, 94, .25);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .25);--shadow-danger: 0 4px 14px 0 rgba(239, 68, 68, .25);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--fw-thin: 100;--fw-extralight: 200;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--sp-0: var(--spacing-0);--sp-1: var(--spacing-1);--sp-1-5: var(--spacing-1-5);--sp-2: var(--spacing-2);--sp-2-5: var(--spacing-2-5);--sp-3: var(--spacing-3);--sp-3-5: var(--spacing-3-5);--sp-4: var(--spacing-4);--sp-4-5: var(--spacing-5);--sp-5: var(--spacing-5);--sp-6: var(--spacing-6);--sp-8: var(--spacing-8);--sp-10: var(--spacing-10);--sp-12: var(--spacing-12);--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-400: .4s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease: var(--ease-in-out);--duration: var(--duration-150);--transition: all var(--duration) var(--ease);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-700) 100%);--gradient-warning: linear-gradient(135deg, var(--warning-500) 0%, var(--warning-700) 100%);--gradient-danger: linear-gradient(135deg, var(--danger-500) 0%, var(--danger-700) 100%);--gradient-info: linear-gradient(135deg, var(--info-500) 0%, var(--info-700) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .12) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(34, 197, 94, .12) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .12) 0px, transparent 50%);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 280px;--sidebar-width-collapsed: 72px;--topbar-height: 64px;--content-max-width: 1800px;--bp-xs: 480px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px}:root.dark{color-scheme:dark;--surface-0: var(--neutral-900);--surface-1: var(--neutral-800);--surface-1-rgb: 30, 41, 59;--surface-2-rgb: 51, 65, 85;--surface-2: var(--neutral-700);--surface-3: var(--neutral-600);--surface-4: var(--neutral-500);--border-1: var(--neutral-700);--border-1-rgb: 51, 65, 85;--border-2: var(--neutral-600);--border-3: var(--neutral-500);--text-1: var(--neutral-50);--text-2: var(--neutral-200);--text-3: var(--neutral-400);--text-4: var(--neutral-500);--text-inverse: var(--neutral-900);--primary-light: rgba(59, 130, 246, .15);--success-light: rgba(34, 197, 94, .15);--warning-light: rgba(245, 158, 11, .15);--danger-light: rgba(239, 68, 68, .15);--info-light: rgba(6, 182, 212, .15);--bg-white-80: rgba(30, 41, 59, .8);--bg-slate-80: rgba(15, 23, 42, .8);--bg-slate-90: rgba(0, 0, 0, .7);--gradient-surface-135: linear-gradient(135deg, var(--neutral-800) 0%, var(--neutral-700) 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-elevated: 0 20px 25px -5px rgba(0, 0, 0, .5);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .18) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(34, 197, 94, .18) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .18) 0px, transparent 50%)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn var(--duration-300) var(--ease)}.animate-slideUp{animation:slideUp var(--duration-300) var(--ease)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-shimmer{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.stat-card--loading .stat-card__icon-bg,.stat-card--loading .stat-card__value{opacity:.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-normal);line-height:var(--leading-normal);color:var(--text-1);background:var(--surface-0);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-3);border-radius:var(--radius-full);border:2px solid var(--surface-2)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}*{scrollbar-width:thin;scrollbar-color:var(--border-3) var(--surface-2)}.card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--duration-200) var(--ease)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__header{padding:var(--spacing-6);background:var(--surface-2);border-bottom:1px solid var(--border-1)}.card__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0;letter-spacing:-.02em}.card__subtitle{font-size:var(--text-sm);color:var(--text-3);margin-top:var(--spacing-2)}.card__body{padding:var(--spacing-6)}.card__footer{padding:var(--spacing-5) var(--spacing-6);background:var(--surface-2);border-top:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.card--elevated{box-shadow:var(--shadow-xl)}.card--bordered{border:2px solid var(--border-2)}.card--primary{border-left:4px solid var(--primary-500)}.card--success{border-left:4px solid var(--success-500)}.card--warning{border-left:4px solid var(--warning-500)}.card--danger{border-left:4px solid var(--danger-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);font-weight:var(--fw-semibold);font-family:var(--font-sans);color:var(--text-1);background:var(--surface-1);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-2);border-color:var(--primary-500);color:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.btn--lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-base)}.btn--xl{padding:var(--spacing-5) var(--spacing-8);font-size:var(--text-lg)}.btn--primary{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.btn--primary:hover{box-shadow:var(--shadow-primary);filter:brightness(1.05);transform:translateY(-2px)}.btn--success{background:var(--gradient-success);color:#fff;border-color:transparent;box-shadow:var(--shadow-success)}.btn--success:hover{box-shadow:var(--shadow-success);filter:brightness(1.05);transform:translateY(-2px)}.btn--warning{background:var(--gradient-warning);color:#fff;border-color:transparent;box-shadow:var(--shadow-warning)}.btn--warning:hover{box-shadow:var(--shadow-warning);filter:brightness(1.05);transform:translateY(-2px)}.btn--danger{background:var(--gradient-danger);color:#fff;border-color:transparent;box-shadow:var(--shadow-danger)}.btn--danger:hover{box-shadow:var(--shadow-danger);filter:brightness(1.05);transform:translateY(-2px)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn--icon{padding:var(--spacing-3);width:40px;height:40px}.btn--outline{background:var(--surface-1);color:var(--primary-600);border-color:var(--primary-400)}.btn--outline:hover{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.btn--secondary{background:var(--gradient-info);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.btn--secondary:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05);transform:translateY(-2px)}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.btn__icon svg{width:18px;height:18px}.loading-spinner__bullet{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);margin-right:var(--spacing-2);display:inline-block}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);letter-spacing:.01em}.label--required:after{content:" *";color:var(--danger-500);font-weight:var(--fw-bold)}.input,.select,.textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-sans);color:var(--text-1);background:var(--surface-1);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-3);font-weight:var(--fw-normal)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-2)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:var(--focus-ring);background:var(--surface-1)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed;opacity:.6}.input--error,.select--error,.textarea--error{border-color:var(--danger-500);box-shadow:0 0 0 3px rgba(var(--danger-500-rgb),.15)}.textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.error-message{font-size:var(--text-xs);color:var(--danger-600);display:flex;align-items:center;gap:var(--spacing-1-5);font-weight:var(--fw-medium)}.help-text{font-size:var(--text-xs);color:var(--text-3);font-weight:var(--fw-normal)}.stat-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--duration-200) var(--ease);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-200) var(--ease)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--surface-2);border-radius:var(--radius-xl);color:var(--text-2);transition:all var(--duration-200) var(--ease)}.stat-card:hover .stat-card__icon{transform:scale(1.1) rotate(5deg)}.stat-card--primary .stat-card__icon{background:var(--primary-light);color:var(--primary-600)}.stat-card--success .stat-card__icon{background:var(--success-light);color:var(--success-600)}.stat-card--warning .stat-card__icon{background:var(--warning-light);color:var(--warning-600)}.stat-card--danger .stat-card__icon{background:var(--danger-light);color:var(--danger-600)}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-1);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--spacing-2)}.stat-card__label{font-size:var(--text-sm);color:var(--text-2);font-weight:var(--fw-medium)}.stat-card__change{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);margin-top:var(--spacing-3)}.stat-card__change--positive{background:var(--success-light);color:var(--success-700)}.stat-card__change--negative{background:var(--danger-light);color:var(--danger-700)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-200) var(--ease)}.modal{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--duration-300) var(--ease);z-index:var(--z-modal)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);background:var(--surface-2);border-bottom:1px solid var(--border-1)}.modal__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-3);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-150) var(--ease)}.modal__close:hover{background:var(--surface-3);color:var(--text-1);transform:rotate(90deg)}.modal__body{flex:1;overflow-y:auto;padding:var(--spacing-6)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);background:var(--surface-2);border-top:1px solid var(--border-1)}.checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm)}.checkbox:disabled{cursor:not-allowed;opacity:.6}.avatar{border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-2);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);overflow:hidden;flex-shrink:0}.avatar--sm{width:2rem;height:2rem;font-size:var(--text-xs)}.avatar--md{width:2.5rem;height:2.5rem;font-size:var(--text-sm)}.avatar--lg{width:3rem;height:3rem;font-size:var(--text-base)}.avatar--xl{width:4rem;height:4rem;font-size:var(--text-lg)}.avatar__img{width:100%;height:100%;object-fit:cover;display:block}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:.125rem var(--spacing-2-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap;line-height:1.4}.badge--default,.badge--secondary{background:var(--neutral-100);color:var(--neutral-700)}.badge--primary{background:var(--primary-light);color:var(--primary-700)}.badge--success{background:var(--success-light);color:var(--success-700)}.badge--warning{background:var(--warning-light);color:var(--warning-700)}.badge--error{background:var(--danger-light);color:var(--danger-700)}:root.dark .badge--default,:root.dark .badge--secondary{background:var(--neutral-700);color:var(--neutral-200)}:root.dark .badge--primary{color:var(--primary-300)}:root.dark .badge--success{color:var(--success-300)}:root.dark .badge--warning{color:var(--warning-300)}:root.dark .badge--error{color:var(--danger-300)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-xl);border:1px solid transparent;animation:slideDown var(--duration-200) var(--ease)}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{flex:1}.alert__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-bottom:var(--spacing-1)}.alert__message{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert--info{background:var(--info-50);color:var(--info-800);border-color:var(--info-200)}.alert--success{background:var(--success-50);color:var(--success-800);border-color:var(--success-200)}.alert--warning{background:var(--warning-50);color:var(--warning-800);border-color:var(--warning-200)}.alert--danger{background:var(--danger-50);color:var(--danger-800);border-color:var(--danger-200)}:root.dark .alert--info{background:var(--info-light);color:var(--info-300);border-color:#06b6d44d}:root.dark .alert--success{background:var(--success-light);color:var(--success-300);border-color:#22c55e4d}:root.dark .alert--warning{background:var(--warning-light);color:var(--warning-300);border-color:#f59e0b4d}:root.dark .alert--danger{background:var(--danger-light);color:var(--danger-300);border-color:#ef44444d}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--fw-medium);z-index:var(--z-toast);animation:slideUp var(--duration-300) var(--ease)}.toast__message{flex:1;display:flex;align-items:center}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#fffc;font-size:var(--text-lg);line-height:1;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-150) var(--ease)}.toast__close:hover{background:#fff3;color:#fff}.connection-status{position:fixed;top:var(--spacing-4);left:50%;transform:translate(-50%);z-index:var(--z-toast);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-4);min-width:320px;animation:slideDown var(--duration-300) var(--ease)}.connection-status__row{display:flex;align-items:center;gap:var(--spacing-3)}.connection-status__icon{flex-shrink:0;display:flex;align-items:center}.connection-status__content{flex:1;min-width:0}.connection-status__message{color:var(--text-1);font-size:var(--text-sm);font-weight:var(--fw-medium);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-status__progress{margin-top:var(--spacing-2)}.connection-status__progress-label{display:flex;align-items:center;justify-content:space-between;color:var(--text-3);font-size:var(--text-xs);margin-bottom:var(--spacing-1)}.connection-status__bar{width:100%;background:var(--surface-3);border-radius:var(--radius-full);height:6px;overflow:hidden}.connection-status__bar-fill{height:6px;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--duration-300) var(--ease)}.connection-status__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-1)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--fw-normal)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.text-primary{color:var(--primary-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-danger{color:var(--danger-600)}.text-muted{color:var(--text-3)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.btn:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.badge:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page-container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:var(--spacing-6);min-width:0}.responsive-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media(max-width:1024px){.card__header,.card__body{padding:var(--spacing-5)}.modal{max-width:90vw}}@media(max-width:768px){.page-container,.card__header,.card__body{padding:var(--spacing-4)}.modal{max-width:100%}.modal__header,.modal__body{padding:var(--spacing-4)}.modal__footer{flex-wrap:wrap;justify-content:stretch}.modal__footer>*{flex:1 1 auto}.stat-card{padding:var(--spacing-4)}}@media(max-width:640px){.page-container{padding:var(--spacing-3) var(--spacing-2)}.modal-overlay{padding:var(--spacing-2)}.modal{border-radius:var(--radius-lg)}.card__footer{flex-direction:column;align-items:stretch}.toast{left:var(--spacing-2);right:var(--spacing-2);max-width:100%}.connection-status{left:var(--spacing-2);right:var(--spacing-2);transform:none;min-width:0}}.delivery-screen{width:100%;min-height:100vh;background:var(--surface-2);padding:var(--sp-3);transition:var(--transition);background-image:var(--gradient-mesh);--delivery-ifood: #ea1d2c;--delivery-ifood-dark: #c91926;--delivery-ifood-rgb: 234, 29, 44}.delivery-screen__loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-12);color:var(--text-3);font-size:var(--text-sm);font-weight:var(--fw-medium)}.delivery-screen__loading-text{margin-left:var(--sp-4)}.delivery-screen__error{padding:var(--sp-8);text-align:center}.delivery-screen__error-icon{width:3rem;height:3rem;color:var(--danger-500);margin-bottom:var(--sp-2)}.delivery-screen__error-message{color:var(--text-3);margin-bottom:var(--sp-4);font-size:var(--text-sm);line-height:1.4}.delivery-screen__error-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--border-1);background:var(--surface-1);color:var(--text-1);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:var(--transition);white-space:nowrap}.delivery-screen__error-btn:hover{background:var(--surface-2);color:var(--text-1)}.delivery-screen__error-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.delivery-screen__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-4);background:var(--surface-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);border:1px solid var(--border-1);transition:var(--transition);position:relative;overflow:hidden}.delivery-screen__header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.delivery-screen__header-content{flex:1}.delivery-screen__icon-wrap{display:flex;align-items:center;gap:var(--sp-4)}.delivery-screen__icon{width:2rem;height:2rem;color:var(--color-primary)}.delivery-screen__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0;line-height:1.2;letter-spacing:-.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.delivery-screen__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:var(--sp-2) 0 0 0;line-height:1.5}.delivery-screen__header-actions{display:flex;align-items:center;gap:var(--sp-4)}.delivery-screen__status-filter{display:flex;align-items:center;gap:var(--sp-3)}.delivery-screen__status-select{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-1);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition);min-width:140px}.delivery-screen__status-select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);box-shadow:0 0 3px #667eea1a}.delivery-screen__status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.delivery-screen__new-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow-primary)}.delivery-screen__new-btn:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #667eea73;transform:translateY(-2px)}.delivery-screen__new-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--delivery-ifood-rgb, 234, 29, 44),.4)}50%{box-shadow:0 0 0 10px rgba(var(--delivery-ifood-rgb, 234, 29, 44),0)}}.delivery-screen__ifood-badge{animation:pulse 2s infinite}.delivery-screen__ifood-badge:hover{background-color:var(--delivery-ifood-dark, #c91926);transform:scale(1.02)}.ifood-config-panel{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.ifood-config-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-1)}.ifood-config-panel__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.ifood-config-panel__status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semibold)}.ifood-config-panel__status--connected{background:#10b9811a;color:var(--color-success)}.ifood-config-panel__status--disconnected{background:#6b72801a;color:var(--text-3)}.ifood-order-card{background:var(--surface-1);border:2px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-5);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.ifood-order-card:hover{border-color:var(--delivery-ifood, #ea1d2c);box-shadow:0 4px 12px rgba(var(--delivery-ifood-rgb, 234, 29, 44),.15);transform:translateY(-2px)}.ifood-order-card--selected{border-color:var(--delivery-ifood, #ea1d2c);box-shadow:0 4px 20px rgba(var(--delivery-ifood-rgb, 234, 29, 44),.2)}.ifood-order-card__badge{position:absolute;top:var(--sp-3);right:var(--sp-3);padding:var(--sp-1) var(--sp-3);background:var(--delivery-ifood, #ea1d2c);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--fw-bold)}.ifood-order-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-3)}.ifood-order-card__number{font-size:var(--text-sm);color:var(--text-3)}.ifood-order-card__customer{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.ifood-order-card__items{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.ifood-order-card__item{font-size:var(--text-sm);color:var(--text-2)}.ifood-order-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.ifood-order-card__total{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1)}.ifood-order-card__time{font-size:var(--text-sm);color:var(--text-3)}.ifood-order-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:50}.ifood-order-modal__content{background:var(--surface-1);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-card)}.ifood-order-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sp-6);border-bottom:1px solid var(--border-1)}.ifood-order-modal__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-2) 0}.ifood-order-modal__subtitle{font-size:var(--text-sm);color:var(--text-3);margin:0}.ifood-order-modal__close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:var(--sp-2);border-radius:var(--radius-lg);transition:var(--transition)}.ifood-order-modal__close:hover{color:var(--text-1);background:var(--surface-2)}.ifood-order-modal__body{padding:var(--sp-6)}.ifood-order-modal__section{margin-bottom:var(--sp-6)}.ifood-order-modal__section-title{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-3) 0}.ifood-order-modal__actions{display:flex;gap:var(--sp-3);padding:var(--sp-6);border-top:1px solid var(--border-1);flex-wrap:wrap}.ifood-order-modal__action{padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition);border:none}.ifood-order-modal__action--accept{background:var(--color-success);color:#fff}.ifood-order-modal__action--accept:hover{background:#10b981e6}.ifood-order-modal__action--deny{background:var(--color-error);color:#fff}.ifood-order-modal__action--deny:hover{background:rgba(var(--danger-500-rgb),.9)}.ifood-order-modal__action--confirm{background:var(--color-primary);color:#fff}.ifood-order-modal__action--confirm:hover{background:#667eeae6}.ifood-order-modal__action--cancel{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-1)}.ifood-order-modal__action--cancel:hover{background:var(--surface-1);color:var(--text-1)}.ifood-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}@media(max-width:768px){.ifood-orders-grid{grid-template-columns:1fr}.ifood-order-modal{padding:var(--sp-2)}.ifood-order-modal__content{max-height:100vh;border-radius:var(--radius-lg)}.ifood-order-modal__actions{flex-direction:column}}.delivery-screen__tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border-1)}.delivery-screen__tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-2);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-medium);transition:var(--transition);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.delivery-screen__tab:hover{color:var(--color-primary);background:#667eea0d}.delivery-screen__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#667eea1a}.delivery-screen__tab-icon{width:1rem;height:1rem}.delivery-screen__content{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--border-1);transition:var(--transition)}.delivery-dashboard{display:flex;flex-direction:column;gap:var(--sp-6)}.delivery-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4)}.delivery-stat-card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-card);display:flex;align-items:flex-start;gap:var(--sp-4);transition:var(--transition);border:1px solid var(--border-1);position:relative;overflow:hidden}.delivery-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.delivery-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--border-2)}.delivery-stat-card:hover:before{opacity:1}.delivery-stat-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--surface-2);border-radius:var(--radius-lg);flex-shrink:0;color:var(--text-2);transition:var(--transition)}.delivery-stat-card:hover .delivery-stat-card__icon{transform:scale(1.1) rotate(5deg)}.delivery-stat-card__content{flex:1;min-width:0}.delivery-stat-card__value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);line-height:1.2;letter-spacing:-.02em}.delivery-stat-card__label{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--sp-2);line-height:1.4;font-weight:var(--fw-medium)}.delivery-stat-card__change{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:var(--fw-medium);margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--radius-md)}.delivery-stat-card__change--positive{color:var(--color-success);background:#10b9811a}.delivery-stat-card__change--negative{color:var(--color-error);background:rgba(var(--danger-500-rgb),.1)}.delivery-list{display:flex;flex-direction:column;gap:var(--sp-6)}.delivery-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--sp-4);padding:var(--sp-6);background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-1);box-shadow:var(--shadow-card)}.delivery-filter{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-filter__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);margin-bottom:var(--sp-1)}.delivery-filter__input,.delivery-filter__select{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--surface-1);color:var(--text-1);transition:var(--transition)}.delivery-filter__input:focus,.delivery-filter__select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);box-shadow:0 0 3px #667eea1a}.delivery-filter__clear{align-self:flex-end;padding:var(--sp-3) var(--sp-5);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);cursor:pointer;transition:var(--transition)}.delivery-filter__clear:hover{background:var(--surface-2);border-color:var(--color-primary)}.delivery-list-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);padding:var(--sp-6);background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff}.delivery-list-stat{display:flex;flex-direction:column;gap:var(--sp-1)}.delivery-list-stat__label{font-size:var(--text-sm);opacity:.9}.delivery-list-stat__value{font-size:var(--text-2xl);font-weight:var(--fw-bold)}.delivery-table-container{overflow-x:auto;border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.delivery-table{width:100%;border-collapse:collapse}.delivery-table thead{background:var(--surface-2)}.delivery-table th{padding:var(--sp-4) var(--sp-6);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-1)}.delivery-table__row{transition:background-color .2s ease;cursor:pointer}.delivery-table__row:hover{background:var(--surface-2)}.delivery-table td{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-1);font-size:var(--text-sm)}.delivery-code{font-weight:var(--fw-bold);color:var(--text-1)}.delivery-customer{display:flex;flex-direction:column;gap:var(--sp-1)}.delivery-customer__name{font-weight:var(--fw-medium);color:var(--text-1)}.delivery-customer__phone{font-size:var(--text-xs);color:var(--text-3)}.delivery-platform{padding:var(--sp-1) var(--sp-3);background:var(--surface-2);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-2)}.delivery-status-badge{display:inline-block;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.delivery-items-count{color:var(--text-3)}.delivery-total{font-weight:var(--fw-bold);color:var(--text-1)}.delivery-profit{font-weight:var(--fw-bold)}.delivery-profit--positive{color:var(--color-success)}.delivery-profit--negative{color:var(--color-error)}.delivery-date{color:var(--text-2)}.delivery-actions{display:flex;gap:var(--sp-2)}.delivery-action-btn{padding:var(--sp-2);background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-2)}.delivery-action-btn:hover{background:var(--surface-2);border-color:var(--color-primary);color:var(--text-1)}@media(max-width:1024px){.delivery-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.delivery-screen{padding:var(--sp-4)}.delivery-screen__header{flex-direction:column;gap:var(--sp-4);align-items:stretch}.delivery-screen__title{font-size:var(--text-xl)}.delivery-screen__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.delivery-screen__content{padding:var(--sp-4)}.delivery-filters,.delivery-stats-grid{grid-template-columns:1fr}.delivery-table-container{overflow-x:scroll}.delivery-table{min-width:800px}}@media(max-width:640px){.delivery-stats-grid{grid-template-columns:1fr}}.delivery-drivers{display:flex;flex-direction:column;gap:var(--sp-6)}.delivery-drivers__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-4);background:var(--surface-1);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.delivery-drivers__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-1) 0}.delivery-drivers__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0}.delivery-drivers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);padding:var(--sp-6);background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff}.delivery-drivers-stat{display:flex;flex-direction:column;gap:var(--sp-1)}.delivery-drivers-stat__label{font-size:var(--text-sm);opacity:.9}.delivery-drivers-stat__value{font-size:var(--text-2xl);font-weight:var(--fw-bold)}.delivery-drivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}.delivery-driver-card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-card);border:1px solid var(--border-1);transition:var(--transition);display:flex;flex-direction:column;gap:var(--sp-4)}.delivery-driver-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--border-2)}.delivery-driver-card__header{display:flex;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-1)}.delivery-driver-card__avatar{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--fw-bold);flex-shrink:0}.delivery-driver-card__info{flex:1;min-width:0}.delivery-driver-card__name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.delivery-driver-card__type{font-size:var(--text-xs);color:var(--text-2);margin-top:2px}.delivery-driver-card__status{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap}.delivery-driver-card__details{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-driver-detail{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.delivery-driver-detail__label{color:var(--text-2)}.delivery-driver-detail__value{color:var(--text-1);font-weight:var(--fw-medium)}.delivery-driver-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-2);border-radius:var(--radius-lg)}.delivery-driver-stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);text-align:center}.delivery-driver-stat__value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1)}.delivery-driver-stat__label{font-size:var(--text-xs);color:var(--text-2)}.delivery-driver-card__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.delivery-driver-action{flex:1;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1);cursor:pointer;transition:var(--transition)}.delivery-driver-action:hover{background:var(--surface-1);border-color:var(--color-primary);color:var(--color-primary)}.delivery-driver-status-select{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface-1);color:var(--text-1);cursor:pointer;transition:var(--transition)}.delivery-driver-status-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.delivery-platforms{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.delivery-platforms__title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-4) 0}.delivery-platforms__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.delivery-platform-card{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--sp-4);border:1px solid var(--border-1);transition:var(--transition)}.delivery-platform-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.delivery-platform-card__name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-3) 0}.delivery-platform-card__stats{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-platform-stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.delivery-platform-stat__label{color:var(--text-2)}.delivery-platform-stat__value{color:var(--text-1);font-weight:var(--fw-bold)}.delivery-profit{display:flex;flex-direction:column;gap:var(--sp-6)}.delivery-profit__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-4);background:var(--surface-1);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.delivery-profit__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-1) 0}.delivery-profit__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0}.delivery-profit__period-select{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface-1);color:var(--text-1);cursor:pointer;transition:var(--transition)}.delivery-profit__period-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.profit-analysis{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.profit-analysis__title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-4) 0}.profit-table-container{overflow-x:auto;border:1px solid var(--border-1);border-radius:var(--radius-xl)}.profit-table{width:100%;border-collapse:collapse}.profit-table thead{background:var(--surface-2)}.profit-table th{padding:var(--sp-4) var(--sp-6);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-1)}.profit-table td{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-1);font-size:var(--text-sm)}.profit-table__product{font-weight:var(--fw-medium);color:var(--text-1)}.profit-table__qty{color:var(--text-2)}.profit-table__revenue{font-weight:var(--fw-bold);color:var(--text-1)}.profit-table__cost{color:var(--text-2)}.profit-table__profit{font-weight:var(--fw-bold)}.profit-table__profit--positive{color:var(--color-success)}.profit-table__profit--negative{color:var(--color-error)}.profit-table__margin{padding:var(--sp-2)}.profit-margin-bar{display:flex;align-items:center;gap:var(--sp-2)}.profit-margin-bar__fill{height:8px;border-radius:var(--radius-full);min-width:40px;transition:width .3s ease}.profit-margin-bar__label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-1)}.purchase-suggestions{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.purchase-suggestions__title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-1) 0}.purchase-suggestions__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0 0 var(--sp-4) 0}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}.suggestion-card{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--sp-4);border:1px solid var(--border-1);transition:var(--transition)}.suggestion-card--high{border-left:4px solid var(--color-error)}.suggestion-card--medium{border-left:4px solid var(--color-warning)}.suggestion-card--low{border-left:4px solid var(--color-success)}.suggestion-card:hover{box-shadow:var(--shadow-card)}.suggestion-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.suggestion-card__name{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.suggestion-card__urgency{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.suggestion-card__urgency--high{background:rgba(var(--danger-500-rgb),.1);color:var(--color-error)}.suggestion-card__urgency--medium{background:rgba(var(--warning-500-rgb),.1);color:var(--color-warning)}.suggestion-card__urgency--low{background:#10b9811a;color:var(--color-success)}.suggestion-card__details{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.suggestion-detail{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.suggestion-detail__label{color:var(--text-2)}.suggestion-detail__value{color:var(--text-1);font-weight:var(--fw-medium)}.suggestion-detail__value--highlight{color:var(--color-primary);font-weight:var(--fw-bold)}.suggestion-card__action{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition)}.suggestion-card__action:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.profit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.profit-summary-card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-card);border:1px solid var(--border-1);text-align:center}.profit-summary-card__title{font-size:var(--text-sm);color:var(--text-2);margin:0 0 var(--sp-2) 0;font-weight:var(--fw-medium)}.profit-summary-card__value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.profit-summary-card__value--positive{color:var(--color-success)}.recipe-manager{display:flex;flex-direction:column;gap:var(--sp-6)}.recipe-manager__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-4);background:var(--surface-1);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.recipe-manager__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-1) 0}.recipe-manager__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--sp-4)}.recipe-card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-card);border:1px solid var(--border-1);transition:var(--transition);display:flex;flex-direction:column;gap:var(--sp-3)}.recipe-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--border-2)}.recipe-card__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-1)}.recipe-card__name{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-card__status{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.recipe-card__status--active{background:#10b9811a;color:var(--color-success)}.recipe-card__description{font-size:var(--text-sm);color:var(--text-2);margin:0;line-height:1.5}.recipe-card__yield{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2);background:var(--surface-2);border-radius:var(--radius-md)}.recipe-card__yield-label{font-size:var(--text-sm);color:var(--text-2)}.recipe-card__yield-value{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-1)}.recipe-card__cost{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2);background:#667eea1a;border-radius:var(--radius-md)}.recipe-card__cost-label{font-size:var(--text-sm);color:var(--text-2)}.recipe-card__cost-value{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--color-primary)}.recipe-card__ingredients{display:flex;flex-direction:column;gap:var(--sp-2)}.recipe-card__ingredients-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-2);margin:0}.recipe-ingredients-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:200px;overflow-y:auto}.recipe-ingredient{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--sp-2);padding:var(--sp-2);background:var(--surface-2);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center}.recipe-ingredient__name{font-weight:var(--fw-medium);color:var(--text-1)}.recipe-ingredient__qty{color:var(--text-2)}.recipe-ingredient__cost{font-weight:var(--fw-bold);color:var(--text-1)}.recipe-ingredient__wastage{font-size:var(--text-xs);color:var(--color-warning);font-weight:var(--fw-semibold)}.recipe-card__actions{display:flex;gap:var(--sp-2);margin-top:auto}.recipe-action{flex:1;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1);cursor:pointer;transition:var(--transition)}.recipe-action:hover{background:var(--surface-1);border-color:var(--color-primary);color:var(--color-primary)}.recipe-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--sp-4)}.recipe-modal__content{background:var(--surface-1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:800px;max-height:90vh;overflow:hidden;border:1px solid var(--border-1)}.recipe-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-1);background:var(--surface-2)}.recipe-modal__header h3{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-2)}.recipe-modal__close:hover{background:var(--surface-2);border-color:var(--color-error);color:var(--color-error)}.recipe-modal__body{padding:var(--sp-6);overflow-y:auto;max-height:calc(90vh - 80px)}.delivery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);gap:var(--sp-4);color:var(--text-3);font-size:var(--text-sm);font-weight:var(--fw-medium)}.spinner{width:40px;height:40px;border:3px solid var(--border-1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.delivery-error{padding:var(--sp-8);text-align:center;background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-1);box-shadow:var(--shadow-card)}.delivery-empty{padding:var(--sp-12) var(--sp-6);text-align:center;background:var(--surface-1);border-radius:var(--radius-xl);border:2px dashed var(--border-1)}.delivery-empty__icon{width:64px;height:64px;margin:0 auto var(--sp-4);font-size:3rem;display:flex;align-items:center;justify-content:center;opacity:.5}.delivery-empty__title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-2) 0}.delivery-empty__text{font-size:var(--text-sm);color:var(--text-3);margin:0;line-height:1.5}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition);border:1.5px solid var(--border-1);background:var(--surface-1);color:var(--text-1);white-space:nowrap;font-family:inherit}.btn:hover{border-color:var(--color-primary);background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow-card)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 6px 20px #667eea73;transform:translateY(-2px)}.delivery-ifood{display:grid;grid-template-columns:360px 1fr;gap:0;height:calc(100vh - 200px);min-height:600px;background:var(--surface-2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.delivery-ifood-loading,.delivery-ifood-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16);gap:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.delivery-ifood-loading p,.delivery-ifood-error p{color:var(--text-2);font-size:var(--text-base)}.delivery-ifood-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16);gap:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center}.delivery-ifood-empty__icon{color:var(--color-primary);opacity:.5;animation:store-pulse 2s ease-in-out infinite}@keyframes store-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.delivery-ifood-empty__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.delivery-ifood-empty__text{font-size:var(--text-base);color:var(--text-2);line-height:1.6;margin:0}.delivery-ifood-empty__sound-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--surface-2);border:2px solid var(--border-1);border-radius:var(--radius-lg);color:var(--text-1);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition);margin-top:var(--sp-4)}.delivery-ifood-empty__sound-btn:hover{border-color:var(--color-primary);background:var(--surface-1)}.delivery-ifood-empty__sound-btn--off{opacity:.6}.delivery-ifood__sidebar{background:var(--surface-1);border-right:1px solid var(--border-1);display:flex;flex-direction:column;overflow:hidden}.delivery-ifood__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-1);background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%)}.delivery-ifood__sidebar-title{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1)}.delivery-ifood__sidebar-title svg{color:var(--color-primary)}.delivery-ifood__sound-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);color:var(--text-2);cursor:pointer;transition:var(--transition)}.delivery-ifood__sound-toggle:hover{background:var(--surface-1);border-color:var(--color-primary);color:var(--color-primary)}.delivery-ifood__sound-toggle--off{opacity:.5;background:var(--surface-1)}.delivery-ifood__orders-list{flex:1;overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.delivery-ifood-order{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-2);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;position:relative}.delivery-ifood-order:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translate(4px)}.delivery-ifood-order--selected{background:var(--surface-1);border-color:var(--color-primary);border-left-width:4px;box-shadow:var(--shadow-card)}.delivery-ifood-order__platform{font-size:var(--text-xs);font-weight:var(--fw-bold);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.delivery-ifood-order__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.delivery-ifood-order__code{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-1)}.delivery-ifood-order__customer{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-2)}.delivery-ifood-order__time{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.delivery-ifood-order__total{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);white-space:nowrap}.delivery-ifood-order__arrow{color:var(--text-3);transition:transform .2s ease}.delivery-ifood-order:hover .delivery-ifood-order__arrow,.delivery-ifood-order--selected .delivery-ifood-order__arrow{color:var(--color-primary);transform:translate(2px)}.delivery-ifood__main{background:var(--surface-1);overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.delivery-ifood-detail__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16);gap:var(--sp-4);text-align:center;height:100%;min-height:400px}.delivery-ifood-detail__empty-icon{color:var(--color-primary);opacity:.3;animation:package-float 3s ease-in-out infinite}@keyframes package-float{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-10px);opacity:.5}}.delivery-ifood-detail__empty-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.delivery-ifood-detail__empty-text{font-size:var(--text-base);color:var(--text-2);line-height:1.6;margin:0}.delivery-ifood-detail__header{display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-5);border-bottom:2px solid var(--border-1)}.delivery-ifood-detail__header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.delivery-ifood-detail__code-section{display:flex;flex-direction:column;gap:var(--sp-1)}.delivery-ifood-detail__label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.delivery-ifood-detail__code{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:-.02em;margin:0}.delivery-ifood-detail__platform{font-size:var(--text-sm);font-weight:var(--fw-bold);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.05em}.delivery-ifood-detail__timer{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-base);font-weight:var(--fw-semibold)}.delivery-ifood-detail__actions{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-4)}.delivery-ifood-detail__btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--fw-bold);cursor:pointer;transition:all .3s ease;border:none}.delivery-ifood-detail__btn svg{stroke-width:3}.delivery-ifood-detail__btn--accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 20px #10b98166}.delivery-ifood-detail__btn--accept:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 10px 30px #10b98180}.delivery-ifood-detail__btn--reject{background:#fff;color:var(--danger-500);border:2px solid var(--danger-500)}.delivery-ifood-detail__btn--reject:hover{background:var(--danger-500);color:#fff;transform:translateY(-3px)}.delivery-ifood-detail__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}.delivery-ifood-detail__col{display:flex;flex-direction:column;gap:var(--sp-5)}.delivery-ifood-detail__section{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.delivery-ifood-detail__section--highlight{background:linear-gradient(135deg,rgba(var(--warning-500-rgb),.08),#fbbf2414);border-color:rgba(var(--warning-500-rgb),.3)}.delivery-ifood-detail__section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin:0}.delivery-ifood-detail__section-title svg{color:var(--color-primary)}.delivery-ifood-detail__customer-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-ifood-detail__customer-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:50%;font-size:var(--text-xl);font-weight:var(--fw-bold);flex-shrink:0}.delivery-ifood-detail__customer-info{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-ifood-detail__customer-name{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-1)}.delivery-ifood-detail__customer-phone{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-2)}.delivery-ifood-detail__items{display:flex;flex-direction:column;gap:var(--sp-3)}.delivery-ifood-detail__item{display:grid;grid-template-columns:48px 1fr auto;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-ifood-detail__item-qty{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea1a;color:var(--color-primary);border-radius:var(--radius-md);font-weight:var(--fw-bold);font-size:var(--text-base);flex-shrink:0}.delivery-ifood-detail__item-info{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.delivery-ifood-detail__item-name{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-1)}.delivery-ifood-detail__item-notes{font-size:var(--text-sm);color:var(--text-3);font-style:italic}.delivery-ifood-detail__item-price{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-2);white-space:nowrap}.delivery-ifood-detail__notes{font-size:var(--text-base);color:var(--text-1);line-height:1.5;margin:0;padding:var(--sp-3);background:rgba(var(--warning-500-rgb),.1);border-radius:var(--radius-lg);border-left:3px solid var(--warning-500)}.delivery-ifood-detail__address-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-ifood-detail__address-main{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-1)}.delivery-ifood-detail__address-complement,.delivery-ifood-detail__address-neighborhood{font-size:var(--text-base);color:var(--text-2)}.delivery-ifood-detail__address-city{font-size:var(--text-sm);color:var(--text-3);margin-top:var(--sp-1)}.delivery-ifood-detail__payment-card{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-ifood-detail__payment-method,.delivery-ifood-detail__payment-status{display:flex;align-items:center;justify-content:space-between}.delivery-ifood-detail__payment-label{font-size:var(--text-sm);color:var(--text-3);font-weight:var(--fw-medium)}.delivery-ifood-detail__payment-value{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1)}.delivery-ifood-detail__payment-badge{font-size:var(--text-xs);font-weight:var(--fw-bold);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);text-transform:uppercase}.delivery-ifood-detail__payment-badge--pago,.delivery-ifood-detail__payment-badge--paid{background:#10b98126;color:#10b981}.delivery-ifood-detail__payment-badge--pendente,.delivery-ifood-detail__payment-badge--pending{background:rgba(var(--warning-500-rgb),.15);color:var(--warning-500)}.delivery-ifood-detail__totals{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-ifood-detail__total-row{display:flex;justify-content:space-between;font-size:var(--text-base);color:var(--text-2)}.delivery-ifood-detail__total-row--final{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);padding-top:var(--sp-3);border-top:2px solid var(--border-1)}.delivery-ifood-detail__total-value{color:var(--color-primary);font-weight:var(--fw-bold);font-size:var(--text-2xl)}.delivery-ifood-detail__meta{font-size:var(--text-sm);color:var(--text-3);text-align:center;padding-top:var(--sp-2)}@media(max-width:1200px){.delivery-ifood{grid-template-columns:320px 1fr}.delivery-ifood-detail__content{grid-template-columns:1fr}}@media(max-width:1024px){.delivery-ifood{grid-template-columns:280px 1fr}.delivery-ifood-detail__actions{grid-template-columns:1fr}}@media(max-width:768px){.delivery-ifood{grid-template-columns:1fr;grid-template-rows:auto 1fr}.delivery-ifood__sidebar{border-right:none;border-bottom:1px solid var(--border-1);max-height:300px}.delivery-ifood__orders-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.delivery-ifood-order{min-width:280px}}.delivery-assembly{display:grid;grid-template-columns:380px 1fr;gap:0;height:calc(100vh - 200px);min-height:600px;background:var(--surface-2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-1)}.delivery-assembly-loading,.delivery-assembly-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16);gap:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.delivery-assembly__sidebar{background:var(--surface-1);border-right:1px solid var(--border-1);display:flex;flex-direction:column;overflow:hidden}.delivery-assembly__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-1);background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%)}.delivery-assembly__sidebar-title{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1)}.delivery-assembly__sidebar-title svg{color:var(--color-purple)}.delivery-assembly__filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-1);background:var(--surface-2)}.delivery-assembly__filter-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-1);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);cursor:pointer;transition:all .2s ease}.delivery-assembly__filter-btn:hover{border-color:var(--status-color);color:var(--status-color)}.delivery-assembly__filter-btn--active{background:var(--status-bg);border-color:var(--status-color);color:var(--status-color);font-weight:var(--fw-semibold)}.delivery-assembly__orders-list{flex:1;overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.delivery-assembly__empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);gap:var(--sp-3);color:var(--text-3);text-align:center}.delivery-assembly__empty-list svg{opacity:.5}.delivery-assembly-order{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-2);border:1.5px solid var(--border-1);border-left-width:4px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;position:relative}.delivery-assembly-order:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translate(4px)}.delivery-assembly-order--selected{background:var(--surface-1);border-color:var(--color-primary);box-shadow:var(--shadow-card)}.delivery-assembly-order__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.delivery-assembly-order__status{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase}.delivery-assembly-order__time{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-3)}.delivery-assembly-order__main{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-assembly-order__code{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1)}.delivery-assembly-order__platform{font-size:var(--text-xs);font-weight:var(--fw-bold);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);text-transform:uppercase}.delivery-assembly-order__customer{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);color:var(--text-2)}.delivery-assembly-order__items{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-3)}.delivery-assembly-order__total{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--color-primary);text-align:right}.delivery-assembly-order__arrow{position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-3);transition:all .2s ease}.delivery-assembly-order:hover .delivery-assembly-order__arrow,.delivery-assembly-order--selected .delivery-assembly-order__arrow{color:var(--color-primary);transform:translateY(-50%) translate(2px)}.delivery-assembly__main{background:var(--surface-1);overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.delivery-assembly-detail__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16);gap:var(--sp-4);text-align:center;height:100%;min-height:400px}.delivery-assembly-detail__empty-icon{color:var(--color-purple);opacity:.3;animation:chef-float 3s ease-in-out infinite}@keyframes chef-float{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-10px);opacity:.5}}.delivery-assembly-detail__empty-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.delivery-assembly-detail__empty-text{font-size:var(--text-base);color:var(--text-2);line-height:1.6;margin:0}.delivery-assembly-detail__header{display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-5);border-bottom:2px solid var(--border-1)}.delivery-assembly-detail__header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.delivery-assembly-detail__code-section{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-assembly-detail__label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.delivery-assembly-detail__platform{font-size:var(--text-xs);font-weight:var(--fw-bold);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-md);text-transform:uppercase}.delivery-assembly-detail__status-flow{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3);background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border-1)}.delivery-assembly-detail__status-step{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg);opacity:.5;transition:all .3s ease}.delivery-assembly-detail__status-step--current{opacity:1;background:var(--status-bg);border:2px solid var(--status-color)}.delivery-assembly-detail__status-step--past{opacity:1}.delivery-assembly-detail__status-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--status-bg);color:var(--status-color);border-radius:50%}.delivery-assembly-detail__status-step--past .delivery-assembly-detail__status-icon{background:var(--status-color);color:#fff}.delivery-assembly-detail__status-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-2);white-space:nowrap}.delivery-assembly-detail__status-step--current .delivery-assembly-detail__status-label{color:var(--status-color);font-weight:var(--fw-bold)}.delivery-assembly-detail__status-arrow{color:var(--text-3);transition:all .3s ease}.delivery-assembly-detail__status-arrow--active{color:var(--status-color)}.delivery-assembly-detail__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4);background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border-1)}.delivery-assembly-detail__current-status{display:flex;align-items:center;gap:var(--sp-3)}.delivery-assembly-detail__current-label{font-size:var(--text-sm);color:var(--text-2);font-weight:var(--fw-medium)}.delivery-assembly-detail__current-value{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--fw-bold);text-transform:uppercase}.delivery-assembly-detail__actions{display:flex;gap:var(--sp-3)}.delivery-assembly-detail__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;transition:all .3s ease;border:none}.delivery-assembly-detail__btn--back{background:var(--surface-1);color:var(--text-2);border:2px solid var(--border-1)}.delivery-assembly-detail__btn--back:hover{border-color:var(--text-2);color:var(--text-1)}.delivery-assembly-detail__btn--next{background:#10b981;color:#fff;box-shadow:0 4px 14px #10b98166}.delivery-assembly-detail__btn--next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.delivery-assembly-detail__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}.delivery-assembly-detail__col{display:flex;flex-direction:column;gap:var(--sp-5)}.delivery-assembly-detail__section{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.delivery-assembly-detail__section--items{background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);border-color:#8b5cf633}.delivery-assembly-detail__section--highlight{background:linear-gradient(135deg,rgba(var(--warning-500-rgb),.08),#fbbf2414);border-color:rgba(var(--warning-500-rgb),.3)}.delivery-assembly-detail__section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin:0}.delivery-assembly-detail__section-title svg{color:var(--color-purple)}.delivery-assembly-detail__items-count{margin-left:auto;padding:var(--sp-1) var(--sp-3);background:#8b5cf626;color:var(--color-purple);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold)}.delivery-assembly-detail__customer-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-assembly-detail__customer-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:50%;font-size:var(--text-xl);font-weight:var(--fw-bold);flex-shrink:0}.delivery-assembly-detail__customer-info{display:flex;flex-direction:column;gap:var(--sp-2)}.delivery-assembly-detail__customer-name{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-1)}.delivery-assembly-detail__customer-phone{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-2)}.delivery-assembly-detail__items{display:flex;flex-direction:column;gap:var(--sp-3)}.delivery-assembly-detail__item{display:grid;grid-template-columns:44px 48px 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1);transition:all .2s ease}.delivery-assembly-detail__item:hover{border-color:var(--color-purple)}.delivery-assembly-detail__item-checkbox{position:relative}.delivery-assembly-detail__item-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.delivery-assembly-detail__item-checkbox label{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:2px solid var(--border-1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.delivery-assembly-detail__item-checkbox input[type=checkbox]:checked+label{background:#10b981;border-color:#10b981}.delivery-assembly-detail__item-checkbox input[type=checkbox]:checked+label:after{content:"✓";color:#fff;font-weight:var(--fw-bold);font-size:var(--text-base)}.delivery-assembly-detail__item-qty{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;color:var(--color-purple);border-radius:var(--radius-md);font-weight:var(--fw-bold);font-size:var(--text-base)}.delivery-assembly-detail__item-info{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.delivery-assembly-detail__item-name{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-1)}.delivery-assembly-detail__item-notes{font-size:var(--text-sm);color:var(--text-3);font-style:italic}.delivery-assembly-detail__notes{font-size:var(--text-base);color:var(--text-1);line-height:1.5;margin:0;padding:var(--sp-3);background:rgba(var(--warning-500-rgb),.1);border-radius:var(--radius-lg);border-left:3px solid var(--warning-500)}.delivery-assembly-detail__address-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-assembly-detail__address-main{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-1)}.delivery-assembly-detail__address-complement,.delivery-assembly-detail__address-neighborhood{font-size:var(--text-base);color:var(--text-2)}.delivery-assembly-detail__address-city{font-size:var(--text-sm);color:var(--text-3);margin-top:var(--sp-1)}.delivery-assembly-detail__timer-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-assembly-detail__timer-value{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--color-purple)}.delivery-assembly-detail__timer-label{font-size:var(--text-sm);color:var(--text-2)}.delivery-assembly-detail__totals{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-1)}.delivery-assembly-detail__total-row{display:flex;justify-content:space-between;font-size:var(--text-base);color:var(--text-2)}.delivery-assembly-detail__total-row--final{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);padding-top:var(--sp-3);border-top:2px solid var(--border-1)}.delivery-assembly-detail__total-value{color:var(--color-primary);font-weight:var(--fw-bold);font-size:var(--text-2xl)}@media(max-width:1200px){.delivery-assembly{grid-template-columns:340px 1fr}.delivery-assembly-detail__content{grid-template-columns:1fr}.delivery-assembly-detail__header-top{flex-direction:column}}@media(max-width:1024px){.delivery-assembly{grid-template-columns:300px 1fr}}@media(max-width:768px){.delivery-assembly{grid-template-columns:1fr;grid-template-rows:auto 1fr}.delivery-assembly__sidebar{border-right:none;border-bottom:1px solid var(--border-1);max-height:350px}.delivery-assembly__orders-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.delivery-assembly-order{min-width:300px}.delivery-assembly-detail__controls{flex-direction:column}.delivery-assembly-detail__actions{width:100%;flex-direction:column}.delivery-assembly-detail__btn{width:100%;justify-content:center}}.recipe-manager--complete{display:flex;flex-direction:column;gap:var(--sp-4);min-height:calc(100vh - 200px)}.recipe-manager__nav{display:flex;gap:var(--sp-2);padding:var(--sp-2);background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-1);box-shadow:var(--shadow-card)}.recipe-manager__nav-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-2);font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;transition:all .2s ease}.recipe-manager__nav-item:hover{background:var(--surface-2);color:var(--text-1)}.recipe-manager__nav-item--active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #667eea66}.recipe-manager__nav-item svg{flex-shrink:0}.recipe-manager__content{flex:1;min-height:0}.recipe-manager__back-btn{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;width:fit-content}.recipe-manager__back-btn:hover{background:var(--surface-3);color:var(--text-1)}.recipe-dashboard{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-4);background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-1)}.recipe-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-1)}.recipe-dashboard__title-section{display:flex;align-items:center;gap:var(--sp-4)}.recipe-dashboard__icon-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-xl);box-shadow:0 8px 24px #667eea4d}.recipe-dashboard__icon-wrap svg{width:28px;height:28px}.recipe-dashboard__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-dashboard__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0}.recipe-dashboard__controls{display:flex;align-items:center;gap:var(--sp-3)}.recipe-dashboard__period-selector{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg)}.recipe-dashboard__period-select{border:none;background:transparent;font-size:var(--text-sm);color:var(--text-1);cursor:pointer;outline:none}.recipe-dashboard__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.recipe-summary-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);transition:all .3s ease}.recipe-summary-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.recipe-summary-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-600-rgb),.15);color:var(--primary-600);border-radius:var(--radius-lg)}.recipe-summary-card--warning .recipe-summary-card__icon{background:rgba(var(--warning-500-rgb),.15);color:var(--warning-500)}.recipe-summary-card--money .recipe-summary-card__icon{background:#10b98126;color:#10b981}.recipe-summary-card__content{display:flex;flex-direction:column;gap:var(--sp-1)}.recipe-summary-card__label{font-size:var(--text-sm);color:var(--text-2)}.recipe-summary-card__value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);display:flex;align-items:baseline;gap:var(--sp-1)}.recipe-summary-card__value small{font-size:var(--text-base);color:var(--text-3);font-weight:var(--fw-normal)}.recipe-summary-card__trend{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);font-weight:var(--fw-medium)}.recipe-summary-card__trend--up{color:#10b981}.recipe-summary-card__alert{font-size:var(--text-xs);color:var(--warning-500);font-weight:var(--fw-medium)}.recipe-summary-card__sublabel{font-size:var(--text-xs);color:var(--text-3)}.recipe-dashboard__tabs{display:flex;gap:var(--sp-2);border-bottom:2px solid var(--border-1);padding-bottom:var(--sp-2)}.recipe-dashboard__tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:none;background:transparent;color:var(--text-2);font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-lg);position:relative}.recipe-dashboard__tab:hover{background:var(--surface-2);color:var(--text-1)}.recipe-dashboard__tab--active{color:var(--color-primary);background:#667eea1a}.recipe-dashboard__tab--active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:var(--color-primary)}.recipe-dashboard__tab-badge{padding:var(--sp-1) var(--sp-2);background:var(--danger-500);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold);min-width:20px;text-align:center}.recipe-dashboard__content{min-height:400px}.recipe-dashboard__section{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-5)}.recipe-dashboard__section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-4) 0}.recipe-dashboard__section-title svg{color:var(--color-primary)}.recipe-dashboard__overview{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.recipe-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4)}.recipe-category-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.recipe-category-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.recipe-category-card__name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-category-card__margin{font-size:var(--text-sm);font-weight:var(--fw-bold)}.recipe-category-card__stats{display:flex;gap:var(--sp-4)}.recipe-category-card__stat{display:flex;flex-direction:column;gap:var(--sp-1)}.recipe-category-card__stat-value{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1)}.recipe-category-card__stat-label{font-size:var(--text-xs);color:var(--text-3)}.recipe-category-card__bar{height:6px;border-radius:var(--radius-full);margin-top:auto}.recipe-trend-chart{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-4)}.recipe-trend-chart__header{display:flex;justify-content:flex-end;margin-bottom:var(--sp-4)}.recipe-trend-chart__legend{display:flex;gap:var(--sp-4)}.recipe-trend-chart__legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-2)}.recipe-trend-chart__legend-color{width:12px;height:12px;border-radius:var(--radius-full)}.recipe-trend-chart__bars{display:flex;align-items:flex-end;justify-content:space-around;gap:var(--sp-4);height:200px;padding-top:var(--sp-4)}.recipe-trend-chart__bar-group{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);flex:1}.recipe-trend-chart__bar-stack{width:100%;height:150px;display:flex;align-items:flex-end;justify-content:center}.recipe-trend-chart__bar{width:40px;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .3s ease}.recipe-trend-chart__bar:hover{opacity:.8}.recipe-trend-chart__bar-label{font-size:var(--text-xs);color:var(--text-2);font-weight:var(--fw-medium)}.recipe-trend-chart__bar-value{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--color-purple)}.recipe-dashboard__profit{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.recipe-product-list{display:flex;flex-direction:column;gap:var(--sp-3)}.recipe-product-item{display:grid;grid-template-columns:32px 1fr auto 28px;gap:var(--sp-3);align-items:center;padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.recipe-product-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translate(4px)}.recipe-product-item--profit{border-left:4px solid #10b981}.recipe-product-item--warning{border-left:4px solid var(--danger-500)}.recipe-product-item__rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:50%;font-size:var(--text-sm);font-weight:var(--fw-bold)}.recipe-product-item__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(var(--danger-500-rgb),.15);color:var(--danger-500);border-radius:50%}.recipe-product-item__info{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.recipe-product-item__name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-product-item__sold{font-size:var(--text-xs);color:var(--text-3)}.recipe-product-item__metrics{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1)}.recipe-product-item__margin{font-size:var(--text-sm);font-weight:var(--fw-bold)}.recipe-product-item__margin--warning{color:var(--danger-500)}.recipe-product-item__profit{font-size:var(--text-sm);color:var(--text-2)}.recipe-product-item__arrow{color:var(--text-3);transition:all .2s ease}.recipe-product-item:hover .recipe-product-item__arrow{color:var(--color-primary);transform:translate(2px)}.recipe-alerts-list{display:flex;flex-direction:column;gap:var(--sp-3)}.recipe-alert-item{display:flex;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.recipe-alert-item:hover{box-shadow:var(--shadow-card)}.recipe-alert-item--critical{border-left:4px solid var(--danger-500)}.recipe-alert-item--high{border-left:4px solid #f97316}.recipe-alert-item--medium{border-left:4px solid var(--warning-500)}.recipe-alert-item__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:var(--radius-lg)}.recipe-alert-item__content{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.recipe-alert-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.recipe-alert-item__title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-alert-item__badge{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase}.recipe-alert-item__details{font-size:var(--text-sm);color:var(--text-2);margin:0}.recipe-alert-item__date{font-size:var(--text-xs);color:var(--text-3)}.recipe-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-4)}.recipe-stock-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);cursor:pointer;transition:all .2s ease}.recipe-stock-card:hover{box-shadow:var(--shadow-card)}.recipe-stock-card--critical{border-color:var(--danger-500)}.recipe-stock-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.recipe-stock-card__name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-stock-card__badge{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-bold)}.recipe-stock-card__badge--critical{background:rgba(var(--danger-500-rgb),.15);color:var(--danger-500)}.recipe-stock-card__code{font-size:var(--text-sm);color:var(--text-3)}.recipe-stock-card__stock{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}.recipe-stock-card__stock-bar{height:8px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.recipe-stock-card__stock-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.recipe-stock-card__stock-values{display:flex;justify-content:space-between;font-size:var(--text-sm)}.recipe-stock-card__current{font-weight:var(--fw-bold);color:var(--text-1)}.recipe-stock-card__min{color:var(--text-3)}.recipe-stock-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-3);border-top:1px solid var(--border-1);margin-top:auto}.recipe-stock-card__cost{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary)}.recipe-stock-card__supplier,.recipe-stock-card__usage{font-size:var(--text-xs);color:var(--text-3)}.recipe-stock-card__usage-label{display:flex;align-items:center;gap:var(--sp-1)}.recipe-list{display:flex;flex-direction:column;gap:var(--sp-4)}.recipe-list__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl)}.recipe-list__search{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:280px;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg)}.recipe-list__search svg{color:var(--text-3)}.recipe-list__search input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-1);outline:none}.recipe-list__filters{display:flex;align-items:center;gap:var(--sp-3)}.recipe-list__filter{padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-1);cursor:pointer;outline:none}.recipe-list__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;transition:all .2s ease;border:none}.recipe-list__btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #667eea66}.recipe-list__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.recipe-list__table-wrapper{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.recipe-list__table{width:100%;border-collapse:collapse}.recipe-list__table th{padding:var(--sp-4);text-align:left;font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-1);background:var(--surface-2)}.recipe-list__row{border-bottom:1px solid var(--border-1);transition:all .2s ease}.recipe-list__row:hover{background:var(--surface-2)}.recipe-list__row:last-child{border-bottom:none}.recipe-list__cell{padding:var(--sp-4);font-size:var(--text-base);color:var(--text-1)}.recipe-list__cell--name{min-width:200px}.recipe-list__name-section{display:flex;flex-direction:column;gap:var(--sp-1)}.recipe-list__name{font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-list__description{font-size:var(--text-sm);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.recipe-list__sublabel{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-1)}.recipe-list__cost{font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-list__cell--margin{min-width:120px}.recipe-list__margin{display:flex;flex-direction:column;gap:var(--sp-2)}.recipe-list__margin-bar{height:6px;border-radius:var(--radius-full);transition:width .3s ease}.recipe-list__status{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--fw-bold)}.recipe-list__cell--actions{display:flex;gap:var(--sp-2)}.recipe-list__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:all .2s ease}.recipe-list__action-btn:hover{background:var(--surface-3);color:var(--text-1)}.recipe-list__action-btn--danger:hover{background:rgba(var(--danger-500-rgb),.1);color:var(--danger-500);border-color:var(--danger-500)}.recipe-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);gap:var(--sp-4);text-align:center;color:var(--text-3)}.recipe-list__empty svg{opacity:.5}.recipe-list__empty h3{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--text-1);margin:0}.recipe-list__empty p{margin:0}.recipe-editor{display:flex;flex-direction:column;gap:var(--sp-5);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.recipe-editor__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%);border-bottom:1px solid var(--border-1)}.recipe-editor__title-section{display:flex;align-items:center;gap:var(--sp-4)}.recipe-editor__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-xl);box-shadow:0 8px 24px #667eea4d}.recipe-editor__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-editor__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0}.recipe-editor__actions{display:flex;gap:var(--sp-3)}.recipe-editor__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;transition:all .2s ease;border:none}.recipe-editor__btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #667eea66}.recipe-editor__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.recipe-editor__btn--primary:disabled{opacity:.6;cursor:not-allowed}.recipe-editor__btn--secondary{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-1)}.recipe-editor__btn--secondary:hover{background:var(--surface-3);color:var(--text-1)}.recipe-editor__btn--small{padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm)}.recipe-editor__btn--full{width:100%;justify-content:center}.recipe-editor__content{display:grid;grid-template-columns:1fr 380px;gap:0;min-height:600px}.recipe-editor__form{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);overflow-y:auto}.recipe-editor__section{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.recipe-editor__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.recipe-editor__section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-editor__section-title svg{color:var(--color-primary)}.recipe-editor__badge{padding:var(--sp-1) var(--sp-3);background:#667eea26;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold)}.recipe-editor__field{display:flex;flex-direction:column;gap:var(--sp-2)}.recipe-editor__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);display:flex;align-items:center;gap:var(--sp-2)}.recipe-editor__label svg{color:var(--text-3)}.recipe-editor__input,.recipe-editor__textarea,.recipe-editor__select{padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-1);transition:all .2s ease;outline:none}.recipe-editor__input:focus,.recipe-editor__textarea:focus,.recipe-editor__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.recipe-editor__textarea{resize:vertical;min-height:80px}.recipe-editor__row{display:flex;gap:var(--sp-3)}.recipe-editor__field--half,.recipe-editor__field--third{flex:1}.recipe-editor__field--additional{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.recipe-editor__input-wrapper{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1.5px solid var(--border-1);border-radius:var(--radius-lg);transition:all .2s ease}.recipe-editor__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.recipe-editor__input-prefix{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-2)}.recipe-editor__input-wrapper input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-1);outline:none}.recipe-ingredients-table{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden}.recipe-ingredients-table__header{display:grid;grid-template-columns:2fr 80px 60px 100px 80px 100px 40px;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-bottom:1px solid var(--border-1);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.recipe-ingredients-table__row{display:grid;grid-template-columns:2fr 80px 60px 100px 80px 100px 40px;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border-1)}.recipe-ingredients-table__row:last-child{border-bottom:none}.recipe-ingredients-table__name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-ingredients-table__input{padding:var(--sp-2);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;outline:none}.recipe-ingredients-table__input:focus{border-color:var(--color-primary)}.recipe-ingredients-table__input--qty{width:70px}.recipe-ingredients-table__input--unit{width:50px}.recipe-ingredients-table__input--wastage{width:60px}.recipe-ingredients-table__cost,.recipe-ingredients-table__total{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1);text-align:right}.recipe-ingredients-table__delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-3);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md)}.recipe-ingredients-table__delete:hover{background:rgba(var(--danger-500-rgb),.1);color:var(--danger-500)}.recipe-editor__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);gap:var(--sp-3);color:var(--text-3);text-align:center}.recipe-editor__empty svg{opacity:.5}.recipe-editor__cost-panel{background:var(--surface-2);border-left:1px solid var(--border-1);padding:var(--sp-5);overflow-y:auto}.recipe-cost-panel{display:flex;flex-direction:column;gap:var(--sp-5)}.recipe-cost-panel__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-1)}.recipe-cost-panel__title svg{color:var(--color-primary)}.recipe-cost-panel__section{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.recipe-cost-panel__section--price{background:linear-gradient(135deg,#10b9810d,#10b9811a);border-color:#10b9814d}.recipe-cost-panel__section--profit{background:linear-gradient(135deg,#667eea0d,#667eea1a);border-color:#667eea4d}.recipe-cost-panel__section--suggested{background:linear-gradient(135deg,rgba(var(--warning-500-rgb),.05),rgba(var(--warning-500-rgb),.1));border-color:rgba(var(--warning-500-rgb),.3)}.recipe-cost-panel__item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.recipe-cost-panel__label{color:var(--text-2)}.recipe-cost-panel__value{font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-cost-panel__value--total{font-size:var(--text-lg);font-weight:var(--fw-bold)}.recipe-cost-panel__value--portion{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-primary)}.recipe-cost-panel__item--total{padding-top:var(--sp-2);border-top:1px solid var(--border-1);margin-top:var(--sp-1)}.recipe-cost-panel__item--portion{padding:var(--sp-3);background:#667eea1a;border-radius:var(--radius-lg);margin-top:var(--sp-2)}.recipe-cost-panel__label--price{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1)}.recipe-cost-panel__input-wrapper{display:flex;align-items:center;gap:var(--sp-2)}.recipe-cost-panel__prefix{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-2)}.recipe-cost-panel__input{flex:1;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:2px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);outline:none;transition:all .2s ease}.recipe-cost-panel__input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.recipe-cost-panel__profit-header{display:flex;justify-content:space-between;align-items:center}.recipe-cost-panel__profit-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2)}.recipe-cost-panel__profit-value{font-size:var(--text-2xl);font-weight:var(--fw-bold)}.recipe-cost-panel__profit-bar{height:12px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.recipe-cost-panel__profit-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.recipe-cost-panel__status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--fw-bold)}.recipe-cost-panel__metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.recipe-cost-panel__metric{display:flex;flex-direction:column;gap:var(--sp-1)}.recipe-cost-panel__metric-label{font-size:var(--text-xs);color:var(--text-3)}.recipe-cost-panel__metric-value{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1)}.recipe-cost-panel__suggested-header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2)}.recipe-cost-panel__suggested-price{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--warning-500)}.recipe-cost-panel__section--simulator{background:var(--surface-1)}.recipe-price-simulator{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.recipe-price-simulator__input label{display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);margin-bottom:var(--sp-2)}.recipe-price-simulator__result{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);background:var(--surface-2);border-radius:var(--radius-lg)}.recipe-price-simulator__metric{display:flex;justify-content:space-between;font-size:var(--text-sm)}.recipe-editor__modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1000;padding:var(--sp-4)}.recipe-editor__modal-content{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.recipe-editor__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-1)}.recipe-editor__modal-header h3{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-editor__modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:none;border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:all .2s ease}.recipe-editor__modal-close:hover{background:var(--surface-3);color:var(--text-1)}.recipe-editor__modal-body{padding:var(--sp-4);overflow-y:auto}.recipe-editor__search{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);margin-bottom:var(--sp-4)}.recipe-editor__search svg{color:var(--text-3)}.recipe-editor__search input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-1);outline:none}.recipe-editor__ingredient-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:400px;overflow-y:auto}.recipe-editor__ingredient-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.recipe-editor__ingredient-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.recipe-editor__ingredient-info{display:flex;flex-direction:column;gap:var(--sp-1)}.recipe-editor__ingredient-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-1)}.recipe-editor__ingredient-code{font-size:var(--text-xs);color:var(--text-3)}.recipe-editor__ingredient-details{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1)}.recipe-editor__ingredient-cost{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary)}.recipe-editor__ingredient-stock{font-size:var(--text-xs);color:var(--text-3)}.recipe-editor__ingredient-stock--low{color:var(--danger-500)}.recipe-editor__ingredient-empty{padding:var(--sp-8);text-align:center;color:var(--text-3)}.ingredient-manager{display:flex;flex-direction:column;gap:var(--sp-5);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:var(--sp-5)}.ingredient-manager__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-1)}.ingredient-manager__title-section{display:flex;align-items:center;gap:var(--sp-4)}.ingredient-manager__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple) 0%,#a78bfa 100%);color:#fff;border-radius:var(--radius-xl);box-shadow:0 8px 24px #8b5cf64d}.ingredient-manager__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.ingredient-manager__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:0}.ingredient-manager__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;transition:all .2s ease;border:none}.ingredient-manager__btn--primary{background:linear-gradient(135deg,var(--color-purple) 0%,#a78bfa 100%);color:#fff;box-shadow:0 4px 12px #8b5cf666}.ingredient-manager__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.ingredient-manager__btn--secondary{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-1)}.ingredient-manager__btn--secondary:hover{background:var(--surface-3);color:var(--text-1)}.ingredient-manager__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.ingredient-stat-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl)}.ingredient-stat-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;color:var(--color-purple);border-radius:var(--radius-lg)}.ingredient-stat-card--warning .ingredient-stat-card__icon{background:rgba(var(--warning-500-rgb),.15);color:var(--warning-500)}.ingredient-stat-card--money .ingredient-stat-card__icon{background:#10b98126;color:#10b981}.ingredient-stat-card__content{display:flex;flex-direction:column;gap:var(--sp-1)}.ingredient-stat-card__value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1)}.ingredient-stat-card__label{font-size:var(--text-sm);color:var(--text-2)}.ingredient-manager__filters{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.ingredient-manager__search{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:280px;max-width:400px;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg)}.ingredient-manager__search svg{color:var(--text-3)}.ingredient-manager__search input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-1);outline:none}.ingredient-manager__filter-group{display:flex;gap:var(--sp-3)}.ingredient-manager__filter{padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-1);cursor:pointer;outline:none}.ingredient-manager__filter-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-2);cursor:pointer;transition:all .2s ease}.ingredient-manager__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.ingredient-manager__filter-btn--active{background:rgba(var(--warning-500-rgb),.15);border-color:var(--warning-500);color:var(--warning-500)}.ingredient-manager__table-wrapper{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden}.ingredient-table{width:100%;border-collapse:collapse}.ingredient-table th{padding:var(--sp-4);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-3);border-bottom:1px solid var(--border-1)}.ingredient-table__row{border-bottom:1px solid var(--border-1);transition:all .2s ease;cursor:pointer}.ingredient-table__row:hover{background:var(--surface-3)}.ingredient-table__row--critical{background:rgba(var(--danger-500-rgb),.05)}.ingredient-table__row--critical:hover{background:rgba(var(--danger-500-rgb),.1)}.ingredient-table td{padding:var(--sp-4);font-size:var(--text-base);color:var(--text-1)}.ingredient-table__name{display:flex;flex-direction:column;gap:var(--sp-1)}.ingredient-table__name-text{font-weight:var(--fw-semibold)}.ingredient-table__supplier{font-size:var(--text-xs);color:var(--text-3)}.ingredient-table__code{font-size:var(--text-sm);color:var(--text-3);font-family:monospace}.ingredient-table__category{font-size:var(--text-sm);color:var(--text-2)}.ingredient-table__stock{display:flex;flex-direction:column;gap:var(--sp-2);min-width:120px}.ingredient-table__stock-bar{height:6px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.ingredient-table__stock-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.ingredient-table__stock-text{font-size:var(--text-sm);font-weight:var(--fw-medium)}.ingredient-table__cost{font-weight:var(--fw-semibold)}.ingredient-table__trend{font-size:var(--text-sm)}.ingredient-table__trend-value{display:flex;align-items:center;gap:var(--sp-1)}.ingredient-table__recipes-count{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);color:var(--text-2)}.ingredient-table__actions{display:flex;gap:var(--sp-2)}.ingredient-table__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:all .2s ease}.ingredient-table__btn:hover{background:var(--surface-1);color:var(--text-1)}.ingredient-table__btn--edit:hover{background:#3b82f61a;color:var(--primary-500);border-color:var(--primary-500)}.ingredient-table__btn--delete:hover{background:rgba(var(--danger-500-rgb),.1);color:var(--danger-500);border-color:var(--danger-500)}.ingredient-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);gap:var(--sp-3);color:var(--text-3);text-align:center}.ingredient-manager__modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1000;padding:var(--sp-4)}.ingredient-manager__modal-content{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.ingredient-manager__modal-content--detail{max-width:500px}.ingredient-manager__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-1)}.ingredient-manager__modal-title{display:flex;align-items:center;gap:var(--sp-3)}.ingredient-manager__modal-title h3{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.ingredient-manager__modal-title span{font-size:var(--text-sm);color:var(--text-3)}.ingredient-manager__modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:none;border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:all .2s ease}.ingredient-manager__modal-close:hover{background:var(--surface-3);color:var(--text-1)}.ingredient-manager__modal-body{padding:var(--sp-4);overflow-y:auto}.ingredient-detail{display:flex;flex-direction:column;gap:var(--sp-5)}.ingredient-detail__section{padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-1)}.ingredient-detail__section:last-child{border-bottom:none;padding-bottom:0}.ingredient-detail__section h4{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--sp-3) 0}.ingredient-detail__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.ingredient-detail__item{display:flex;flex-direction:column;gap:var(--sp-1)}.ingredient-detail__item label{font-size:var(--text-xs);color:var(--text-3)}.ingredient-detail__item span{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-1)}.ingredient-detail__stock{display:flex;align-items:center;gap:var(--sp-4)}.ingredient-detail__stock-main{display:flex;align-items:baseline;gap:var(--sp-2)}.ingredient-detail__stock-value{font-size:var(--text-4xl);font-weight:var(--fw-bold);color:var(--text-1)}.ingredient-detail__stock-unit{font-size:var(--text-xl);color:var(--text-2)}.ingredient-detail__stock-info{display:flex;flex-direction:column;gap:var(--sp-2)}.ingredient-detail__stock-item{display:flex;align-items:center;gap:var(--sp-2)}.ingredient-detail__stock-item label{font-size:var(--text-xs);color:var(--text-3);min-width:100px}.ingredient-detail__stock-item span{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-1)}.ingredient-detail__costs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.ingredient-detail__cost-item{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);background:var(--surface-2);border-radius:var(--radius-lg)}.ingredient-detail__cost-item label{font-size:var(--text-xs);color:var(--text-3)}.ingredient-detail__cost-value{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-1)}.ingredient-detail__cost-value--current{color:var(--color-primary);font-size:var(--text-lg)}.ingredient-detail__cost-value--total{color:#10b981;font-size:var(--text-lg)}.ingredient-detail__recipes{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ingredient-detail__recipe-tag{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:#667eea1a;color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-sm)}.ingredient-form__row{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.ingredient-form__field{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.ingredient-form__field--wide{flex:2}.ingredient-form__field label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2)}.ingredient-form__field input,.ingredient-form__field select{padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-1);outline:none;transition:all .2s ease}.ingredient-form__field input:focus,.ingredient-form__field select:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px #8b5cf61a}.ingredient-form__actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-1)}@media(max-width:1200px){.recipe-editor__content{grid-template-columns:1fr}.recipe-editor__cost-panel{border-left:none;border-top:1px solid var(--border-1)}.recipe-dashboard__overview,.recipe-dashboard__profit{grid-template-columns:1fr}}@media(max-width:768px){.recipe-manager__nav{flex-direction:column}.recipe-manager__nav-item{justify-content:center}.recipe-dashboard__summary{grid-template-columns:1fr}.recipe-list__header{flex-direction:column;align-items:stretch}.recipe-list__search{min-width:auto}.recipe-list__filters{flex-direction:column}.recipe-list__table{font-size:var(--text-sm)}.recipe-list__table th,.recipe-list__table td{padding:var(--sp-2)}.recipe-editor__header{flex-direction:column;align-items:flex-start}.recipe-editor__actions{width:100%;flex-direction:column}.recipe-editor__row{flex-direction:column}.recipe-ingredients-table__header,.recipe-ingredients-table__row{grid-template-columns:1fr 60px 50px 80px 60px 80px 36px;font-size:var(--text-xs)}.ingredient-manager__filters{flex-direction:column;align-items:stretch}.ingredient-manager__search{max-width:none}.ingredient-manager__filter-group{flex-direction:column}.ingredient-table th,.ingredient-table td{padding:var(--sp-2)}.ingredient-detail__grid,.ingredient-detail__costs{grid-template-columns:1fr}.ingredient-detail__stock{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.recipe-category-grid{grid-template-columns:1fr}.recipe-ingredients-table__header,.recipe-ingredients-table__row{grid-template-columns:1fr 50px 40px 70px 50px 70px 32px}.recipe-ingredients-table__input--qty,.recipe-ingredients-table__input--wastage{width:50px}}.recipe-list--weekly-menu{padding:var(--sp-6)}.recipe-list__header--weekly{flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-6)}.recipe-list__title-section{display:flex;flex-direction:column;gap:var(--sp-1)}.recipe-list__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0}.recipe-list__subtitle{font-size:var(--text-sm);color:var(--text-3);margin:0}.recipe-list__controls{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.recipe-list__day-filters{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.recipe-day-filter{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-lg);border:1px solid var(--border-1);background:var(--surface-1);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all .2s ease}.recipe-day-filter:hover{background:var(--surface-3);border-color:var(--border-2)}.recipe-day-filter--active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.recipe-list__search-box{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);min-width:250px}.recipe-list__search-box input{border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--text-1);width:100%}.recipe-weekly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.recipe-day-card{background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-1);overflow:hidden;transition:all .2s ease}.recipe-day-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-2)}.recipe-day-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff}.recipe-day-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0}.recipe-day-count{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-2);background:#fff3;border-radius:var(--radius-md)}.recipe-day-content{padding:var(--sp-2)}.recipe-item-compact{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--surface-2);margin-bottom:var(--sp-2);transition:all .2s ease}.recipe-item-compact:last-child{margin-bottom:0}.recipe-item-compact:hover{background:var(--surface-3)}.recipe-item-info{flex:1;min-width:0}.recipe-item-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-1);margin:0 0 var(--sp-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-item-desc{font-size:var(--text-xs);color:var(--text-3);margin:0 0 var(--sp-2) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-item-meta{display:flex;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-3)}.recipe-item-meta span{display:flex;align-items:center;gap:var(--sp-1)}.recipe-item-costs{display:flex;gap:var(--sp-3);align-items:center}.recipe-item-price,.recipe-item-cost,.recipe-item-margin{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px}.recipe-item-price .label,.recipe-item-cost .label,.recipe-item-margin .label{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--sp-1)}.recipe-item-price .value{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--success-500)}.recipe-item-cost .value{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.recipe-item-margin .value{font-size:var(--text-sm);font-weight:var(--fw-bold)}.recipe-margin-excellent{color:var(--success-500)}.recipe-margin-good{color:var(--warning-500)}.recipe-margin-warning{color:var(--orange-500)}.recipe-margin-danger{color:var(--error-500)}.recipe-item-actions{display:flex;gap:var(--sp-2)}.recipe-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:var(--surface-3);color:var(--text-2);cursor:pointer;transition:all .2s ease}.recipe-action-btn:hover{background:var(--primary-500);color:#fff}.recipe-action-btn--ingredients:hover{background:var(--info-500)}.recipe-cost-summary{background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-1);padding:var(--sp-5)}.recipe-cost-summary__title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-1);margin:0 0 var(--sp-4) 0}.recipe-cost-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-4)}.recipe-cost-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-4);background:var(--surface-2);border-radius:var(--radius-lg)}.recipe-cost-card__label{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--sp-2)}.recipe-cost-card__value{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1)}.recipe-cost-card--margin .recipe-cost-card__value{color:var(--success-500)}.recipe-loading,.recipe-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);text-align:center}.recipe-loading__spinner{width:40px;height:40px;border:3px solid var(--border-1);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--sp-4)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.recipe-weekly-grid{grid-template-columns:1fr}.recipe-list__controls{flex-direction:column;align-items:stretch}.recipe-list__day-filters{justify-content:center}.recipe-item-compact{flex-direction:column;align-items:stretch;text-align:center}.recipe-item-costs,.recipe-item-actions{justify-content:center;border-top:1px solid var(--border-1);padding-top:var(--sp-2)}}.financial-screen{width:100%;min-height:100vh;background:var(--surface-2);padding:var(--spacing-3)}.financial-screen__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.financial-screen__title{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--spacing-2) 0;letter-spacing:-.02em}.financial-screen__subtitle{font-size:var(--text-lg);color:var(--text-2);margin:0;font-weight:var(--fw-medium)}.financial-screen__back{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-2);text-decoration:none;transition:all var(--duration-200) var(--ease)}.financial-screen__back:hover{background:var(--surface-2);color:var(--primary-600);border-color:var(--primary-500);transform:translateY(-1px)}.cust-dash{margin-bottom:var(--sp-4)}.cust-dash__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.cust-dash__card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-3);box-shadow:var(--shadow-card);display:flex;align-items:flex-start;gap:var(--sp-3);transition:var(--transition);border:1px solid var(--border-1);border-left:4px solid transparent;position:relative;overflow:hidden}.cust-dash__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:var(--transition)}.cust-dash__card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--border-2);border-left-color:inherit}.cust-dash__card:hover:before{opacity:1}.cust-dash__card--blue{border-left-color:var(--color-primary)}.cust-dash__card--green{border-left-color:var(--color-success)}.cust-dash__card--red{border-left-color:var(--color-error)}.cust-dash__card--yellow{border-left-color:var(--color-warning)}.cust-dash__card--gray{border-left-color:var(--text-3)}.cust-dash__card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--surface-2);border-radius:var(--radius-lg);flex-shrink:0;color:var(--text-2);transition:var(--transition)}.cust-dash__card:hover .cust-dash__card-icon{transform:scale(1.1) rotate(5deg)}.cust-dash__card--blue .cust-dash__card-icon{background:rgba(var(--primary-600-rgb),.1);color:var(--color-primary)}.cust-dash__card--green .cust-dash__card-icon{background:rgba(var(--success-500-rgb),.1);color:var(--color-success)}.cust-dash__card--red .cust-dash__card-icon{background:rgba(var(--danger-500-rgb),.1);color:var(--color-error)}.cust-dash__card--yellow .cust-dash__card-icon{background:rgba(var(--warning-500-rgb),.1);color:var(--color-warning)}.cust-dash__card--gray .cust-dash__card-icon{background:#94a3b81a;color:var(--text-3)}.cust-dash__card-body{flex:1;min-width:0}.cust-dash__card-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-1);line-height:1.2;letter-spacing:-.02em;margin:0 0 var(--sp-1) 0;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.cust-dash__card-label{font-size:var(--text-sm);color:var(--text-2);margin:0 0 var(--sp-3) 0;font-weight:var(--fw-medium)}.cust-dash__card-change{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-success);letter-spacing:.02em;opacity:.9;transition:var(--transition)}.cust-dash__card-change:hover{opacity:1;transform:translateY(-1px)}.cust-dash__card-change--positive{color:var(--color-success)}.cust-dash__card-change--negative{color:var(--color-error)}.cust-tabs{margin-bottom:var(--sp-8)}.cust-tabs__nav{display:flex;background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-1);border:1px solid var(--border-1);gap:var(--sp-1);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.cust-tabs__nav::-webkit-scrollbar{display:none}.cust-tabs__tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border:none;background:transparent;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);white-space:nowrap;text-decoration:none}.cust-tabs__tab:hover{background:var(--surface-2);color:var(--text-1)}.cust-tabs__tab--active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.cust-tabs__tab-icon{width:16px;height:16px}.cust-tabs__content{animation:fadeIn .3s var(--ease)}.cust-list{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;border:1px solid var(--border-1)}.cust-list__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);background:var(--surface-2);border-bottom:1px solid var(--border-1);gap:var(--sp-4);flex-wrap:wrap}.cust-list__search-wrap{position:relative;flex:1;max-width:400px;min-width:200px}.cust-list__search-icon{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none;transition:color .3s ease;width:16px;height:16px}.cust-list__search{width:100%;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-10);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-1);font-size:var(--text-sm);transition:var(--transition)}.cust-list__search::placeholder{color:var(--text-3)}.cust-list__search:focus{outline:none;border-color:var(--color-primary);background:var(--surface-0);box-shadow:0 0 0 3px rgba(var(--primary-600-rgb),.1)}.cust-list__search:focus+.cust-list__search-icon{color:var(--color-primary)}.cust-list__actions{display:flex;align-items:center;gap:var(--sp-2)}.cust-list__btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition);text-decoration:none}.cust-list__btn:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-2);transform:translateY(-1px);box-shadow:var(--shadow-card)}.cust-list__btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.cust-list__btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-600-rgb),.3)}.cust-table__wrap{overflow-x:auto;border-radius:0}.cust-table{width:100%;border-collapse:collapse}.cust-table__head{background:var(--surface-2);border-bottom:1px solid var(--border-1)}.cust-table__th{padding:var(--sp-4) var(--sp-6);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cust-table__row{border-bottom:1px solid var(--border-1);transition:var(--transition)}.cust-table__row:hover{background:var(--surface-2)}.cust-table__row:last-child{border-bottom:none}.cust-table__td{padding:var(--sp-4) var(--sp-6);font-size:var(--text-sm);color:var(--text-1);white-space:nowrap}.cust-list__badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition)}.cust-list__badge--active{background:rgba(var(--success-500-rgb),.1);color:var(--color-success);border:1px solid rgba(var(--success-500-rgb),.2)}.cust-list__badge--pending{background:rgba(var(--warning-500-rgb),.1);color:var(--color-warning);border:1px solid rgba(var(--warning-500-rgb),.2)}.cust-list__badge--overdue{background:rgba(var(--danger-500-rgb),.1);color:var(--color-error);border:1px solid rgba(var(--danger-500-rgb),.2)}.cust-list__badge--paid{background:rgba(var(--success-500-rgb),.1);color:var(--color-success);border:1px solid rgba(var(--success-500-rgb),.2)}.cust-list__badge--partial{background:rgba(var(--primary-600-rgb),.1);color:var(--color-primary);border:1px solid rgba(var(--primary-600-rgb),.2)}.cust-list__badge--inactive{background:#94a3b81a;color:var(--text-3);border:1px solid rgba(148,163,184,.2)}.cust-list__badge--blocked{background:rgba(var(--danger-500-rgb),.1);color:var(--color-error);border:1px solid rgba(var(--danger-500-rgb),.2)}.cust-list__badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.cust-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--sp-4);animation:fadeIn .2s ease-out}.cust-modal{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000040,0 10px 25px #00000026;max-width:90vw;max-height:90vh;overflow:hidden;border:1px solid var(--border-1);width:100%;z-index:10000;animation:slideUp .3s ease-out}.cust-modal--large{max-width:800px}.cust-modal--small{max-width:500px}.cust-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-6);border-bottom:1px solid var(--border-1);background:var(--surface-2);position:relative;z-index:1}.cust-modal__header-left{display:flex;align-items:center;gap:var(--sp-4)}.cust-modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:rgba(var(--primary-600-rgb),.15);color:var(--color-primary);border:2px solid rgba(var(--primary-600-rgb),.3);flex-shrink:0;transition:var(--transition)}.cust-modal:hover .cust-modal__icon{transform:scale(1.05) rotate(5deg)}.cust-modal__title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-1);margin:0;letter-spacing:-.01em}.cust-modal__subtitle{font-size:var(--text-sm);color:var(--text-2);margin:var(--sp-1) 0 0 0;line-height:1.5}.cust-modal__header-actions{display:flex;align-items:center;gap:var(--sp-2)}.cust-modal__close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--border-1);background:transparent;border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;transition:var(--transition)}.cust-modal__close-btn:hover{background:rgba(var(--danger-500-rgb),.08);color:var(--color-error);border-color:var(--color-error);transform:rotate(90deg)}.cust-modal__content{padding:var(--sp-6);max-height:calc(90vh - 180px);overflow-y:auto}.cust-modal__content::-webkit-scrollbar{width:6px}.cust-modal__content::-webkit-scrollbar-track{background:var(--surface-2);border-radius:var(--radius-full)}.cust-modal__content::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--radius-full)}.cust-modal__content::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.cust-modal__status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);background:var(--surface-2);border-bottom:1px solid var(--border-1)}.cust-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);background:var(--surface-2);border-top:1px solid var(--border-1);gap:var(--sp-4)}.cust-modal__actions{display:flex;gap:var(--sp-3)}.cust-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--sp-4)}.cust-modal__field{display:flex;flex-direction:column;gap:var(--sp-2)}.cust-modal__field label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-2);margin-bottom:var(--sp-1)}.cust-modal__field p{font-size:var(--text-sm);color:var(--text-1);margin:0;line-height:1.4}.cust-modal__field--full{grid-column:1 / -1}.cust-modal__tabs{display:flex;background:var(--surface-2);border-bottom:1px solid var(--border-1)}.cust-modal__tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border:none;background:transparent;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition);border-bottom:2px solid transparent}.cust-modal__tab:hover{background:var(--surface-3);color:var(--text-1)}.cust-modal__tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--surface-1)}.cust-modal__timeline{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-4)}.cust-modal__timeline-item{display:flex;gap:var(--sp-4);align-items:flex-start}.cust-modal__timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary);margin-top:4px;flex-shrink:0}.cust-modal__timeline-content{flex:1}.cust-modal__timeline-content>div:first-child{font-weight:var(--fw-semibold);color:var(--text-1);margin-bottom:var(--sp-1)}.cust-modal__timeline-content>div:nth-child(2){font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-1)}.cust-modal__timeline-content small{font-size:var(--text-xs);opacity:.8}.cust-dash__chart{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);border:1px solid var(--border-1);transition:var(--transition)}.cust-dash__chart:hover{box-shadow:var(--shadow-hover);border-color:rgba(var(--primary-600-rgb),.2)}.cust-dash__chart-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-1);margin:0 0 var(--sp-5) 0;letter-spacing:-.01em}.cust-dash__bars{display:flex;flex-direction:column;gap:var(--sp-5)}.cust-dash__bar-row{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:var(--sp-4)}.cust-dash__bar-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.cust-dash__bar-track{width:100%;height:10px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-1);position:relative}.cust-dash__bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.cust-dash__bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cust-dash__bar-count{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-1);text-align:right}.cust-dash__bar-count small{font-weight:var(--fw-normal);color:var(--text-3);display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.cust-dash__cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.cust-screen{padding:var(--sp-4)}.cust-screen__header{flex-direction:column;gap:var(--sp-4);align-items:flex-start}.cust-tabs__nav{flex-direction:column;gap:var(--sp-2)}.cust-tabs__tab{justify-content:center}.cust-list__toolbar{flex-direction:column;align-items:stretch;gap:var(--sp-4)}.cust-list__search-wrap{max-width:none}.cust-list__actions{justify-content:center}.cust-dash__cards{grid-template-columns:1fr}.cust-modal{max-width:95vw;max-height:95vh;margin:var(--sp-4)}.cust-modal__header{padding:var(--sp-4);flex-direction:column;gap:var(--sp-4);align-items:stretch}.cust-modal__content{padding:var(--sp-4);max-height:calc(95vh - 140px)}.cust-modal__footer{padding:var(--sp-4);flex-direction:column;gap:var(--sp-3)}.cust-modal__actions{width:100%;justify-content:stretch}.cust-list__btn{flex:1;justify-content:center}}@media(max-width:480px){.cust-dash__card{padding:var(--sp-4)}.cust-dash__card-icon{width:48px;height:48px}.cust-dash__card-value{font-size:var(--text-xl)}.cust-modal__icon{width:40px;height:40px}.cust-modal__title{font-size:var(--text-lg)}.cust-table__th,.cust-table__td{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}}