@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-page: #0A0F1E;--bg-card: rgba(15, 25, 50, .7);--bg-card-hover: rgba(20, 35, 65, .9);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--text-primary: #F1F5F9;--text-secondary:#94A3B8;--text-muted: #64748B;--brand: #3B82F6;--brand-hover: #2563EB;--purple: #8B5CF6;--green: #10B981;--gold: #F59E0B;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-glow: 0 0 40px rgba(59,130,246,.15);--transition: .25s cubic-bezier(.4,0,.2,1)}.ln-page{min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:Inter,Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}.text-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ln-nav{position:fixed;top:0;left:0;right:0;z-index:200;height:68px;transition:background var(--transition),box-shadow var(--transition)}.ln-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1e33;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .4s ease,background .4s ease}.ln-nav--scrolled:before{background:#0a0f1ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px #ffffff0d,0 10px 40px #0000004d}.ln-nav__inner{position:relative;max-width:1280px;margin:0 auto;height:68px;padding:0 2rem;display:flex;align-items:center;gap:3rem}.ln-nav__logo{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0}.ln-nav__links{display:flex;gap:.5rem;flex:1}.ln-nav__link{background:none;border:none;cursor:pointer;padding:.4rem .9rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color var(--transition),background var(--transition)}.ln-nav__link:hover,.ln-nav__link.active{color:#fff;background:#ffffff0f}.ln-nav__link.active{color:var(--brand)}.ln-nav__actions{display:flex;gap:.75rem;align-items:center}.ln-nav__mobile-toggle{display:none;background:none;border:1px solid var(--border);cursor:pointer;color:#fff;padding:6px 8px;border-radius:var(--radius-sm);margin-left:auto}.ln-nav__mobile-drawer{position:fixed;top:68px;left:0;right:0;background:#0a0f1ef7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem;z-index:199;animation:slideDown .25s ease}.ln-mobile-link{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1rem;font-weight:500;text-align:left;padding:.75rem 0;transition:color var(--transition)}.ln-mobile-link:hover{color:#fff}.ln-mobile-divider{height:1px;background:var(--border);margin:.5rem 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ln-logo-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:1.1rem;font-family:Inter,sans-serif;box-shadow:0 4px 14px #3b82f666}.ln-logo-icon--sm{width:28px;height:28px;border-radius:7px;font-size:.9rem}.ln-logo-img{width:36px;height:36px;border-radius:9px;object-fit:contain;flex-shrink:0;box-shadow:0 4px 14px #3b82f666}.ln-logo-text{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.3px;white-space:nowrap}.ln-btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;border:none;cursor:pointer;padding:.55rem 1.3rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;transition:transform var(--transition),opacity var(--transition),box-shadow var(--transition);box-shadow:0 4px 20px #3b82f64d;white-space:nowrap;font-family:inherit}.ln-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #3b82f673;opacity:.95}.ln-btn-primary--lg{padding:.8rem 2rem;font-size:1rem;border-radius:var(--radius-lg)}.ln-btn-primary--sm{padding:.4rem .9rem;font-size:.8rem}.ln-btn-arrow{transition:transform var(--transition)}.ln-btn-primary:hover .ln-btn-arrow{transform:translate(3px)}.ln-btn-ghost{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.55rem 1rem;border-radius:var(--radius-md);transition:color var(--transition),background var(--transition);font-family:inherit}.ln-btn-ghost:hover{color:#fff;background:#ffffff0f}.ln-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:.55rem 1.3rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:border-color var(--transition),background var(--transition),transform var(--transition);font-family:inherit}.ln-btn-outline:hover{border-color:#fff6;background:#ffffff0a;transform:translateY(-1px)}.w-full{width:100%;justify-content:center}.hero-section{min-height:100vh;padding:140px 2rem 80px;position:relative;overflow-x:clip;overflow-y:visible;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(59,130,246,.12) 0%,transparent 70%),var(--bg-page)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-particle{position:absolute;border-radius:50%;background:#8b5cf699;animation:particleFloat 8s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.15}50%{transform:translateY(-30px) scale(1.2);opacity:.4}}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero-glow--blue{width:500px;height:500px;top:-150px;left:-100px;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%)}.hero-glow--purple{width:400px;height:400px;top:10%;right:-50px;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%)}.hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.hero-content{flex:1;min-width:0;max-width:760px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#93c5fd;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.3px}.hero-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-2px;margin:0 0 1.5rem}.hero-title__line{display:block;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title__line--gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2.5rem;max-width:520px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.hero-trust{display:flex;align-items:center;gap:1rem;justify-content:center;color:var(--text-secondary);font-size:.9rem}.hero-trust-avatars{position:relative;width:120px;height:34px}.hero-trust-avatar{position:absolute;width:32px;height:32px;border-radius:50%;border:2px solid #0A0F1E;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff}.hero-trust-text strong{color:#fff}.hero-visual{flex:1;min-width:0;position:relative;display:flex;justify-content:center;align-items:center}.hero-mockup-wrapper{position:relative;width:100%;max-width:540px;min-width:380px}.hero-mockup{width:100%;background:#0f1932cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff0d}.hero-mockup__header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 16px;display:flex;align-items:center;gap:12px}.hero-mockup__dots{display:flex;gap:6px}.hero-mockup__dots span{width:10px;height:10px;border-radius:50%;display:block}.hero-mockup__title{color:var(--text-muted);font-size:.75rem}.hero-mockup__body{padding:16px}.hero-mockup__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.hero-mockup__stat{background:#ffffff08;border-radius:8px;padding:12px 14px}.hero-mockup__stat-val{font-size:1.4rem;font-weight:800;margin-bottom:2px}.hero-mockup__stat-label{font-size:.7rem;color:var(--text-muted)}.hero-mockup__row{display:flex;gap:12px;margin-bottom:12px}.hero-mockup__chart{flex:1.5;background:#ffffff05;border-radius:8px;padding:12px}.hero-mockup__activity{flex:1;background:#ffffff05;border-radius:8px;padding:12px}.hero-mockup__chart-title{font-size:.7rem;color:var(--text-muted);margin-bottom:10px}.hero-mockup__bars{display:flex;align-items:flex-end;gap:4px;height:60px}.hero-mockup__bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.hero-mockup__bar{width:100%;border-radius:3px 3px 0 0}.hero-mockup__activity-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.75rem}.hero-mockup__activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero-mockup__activity-code{color:var(--text-secondary);flex:1;font-family:monospace}.hero-mockup__activity-type{font-weight:600;font-size:.7rem}.hero-mockup__barcode-row{background:#ffffff05;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:12px}.hero-barcode-svg{display:block}.hero-float-card{position:absolute;z-index:10;background:#0f1932f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 15px 35px #00000080;transition:transform .3s ease}.hero-float-card:hover{transform:translateY(-5px)}.hero-float-card--1{bottom:20px;left:-30px}.hero-float-card--2{top:20px;right:-30px}.hero-float-card__icon{font-size:1.5rem}.hero-float-card__val{font-size:1.3rem;font-weight:800;color:#fff}.hero-float-card__label{font-size:.7rem;color:var(--text-muted)}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;animation:fadeIn 2s ease 1s both;z-index:2}.hero-scroll-mouse{width:22px;height:36px;border:2px solid rgba(255,255,255,.2);border-radius:11px;position:relative}.hero-scroll-wheel{width:3px;height:8px;background:#fff6;border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 1.8s ease infinite}@keyframes scrollWheel{0%{opacity:1;top:6px}to{opacity:0;top:18px}}.designed-for-section{padding:2.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff03;overflow:hidden}.designed-for-label{text-align:center;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.25rem}.designed-for-marquee{overflow:hidden}.designed-for-track{display:flex;gap:2rem;white-space:nowrap;animation:marquee 25s linear infinite}.designed-for-tag{font-size:1rem;font-weight:600;color:var(--text-secondary);padding:0 .5rem;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ln-section{padding:100px 2rem;position:relative}.ln-section__inner{max-width:1280px;margin:0 auto}.ln-section__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--brand);margin-bottom:1rem}.ln-section__title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin:0 0 1rem;color:#fff}.ln-section__sub{font-size:1.1rem;color:var(--text-secondary);max-width:620px;line-height:1.7;margin:0 auto 3rem;text-align:center}.ln-section__action{text-align:center;margin-top:3rem}.features-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.features-grid-home--visible{opacity:1;transform:translateY(0)}.feature-card-home{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);animation:fadeInUp .5s ease backwards}.feature-card-home:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:0;transition:opacity var(--transition)}.feature-card-home:hover{transform:translateY(-6px);border-color:#ffffff26;box-shadow:0 20px 50px #0006,var(--shadow-glow)}.feature-card-home:hover:before{opacity:1}.feature-card-home__emoji{font-size:2rem;margin-bottom:1rem;display:block}.feature-card-home__title{font-size:1.1rem;font-weight:700;margin:0 0 .6rem;color:#fff}.feature-card-home__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem}.feature-card-home__cta{font-size:.85rem;color:var(--brand);font-weight:600}.stats-section{padding:100px 2rem;position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(59,130,246,.04) 50%,transparent)}.stats-section__inner{max-width:1280px;margin:0 auto;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;transition:transform var(--transition)}.stat-item:hover{transform:translateY(-4px)}.stat-val{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:600}.stats-bg-glow{position:absolute;bottom:-200px;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(59,130,246,.07) 0%,transparent 70%);pointer-events:none}.how-it-works{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative}.how-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;position:relative;transition:transform var(--transition),border-color var(--transition)}.how-step:hover{transform:translateY(-4px);border-color:#3b82f64d}.how-step__num{font-size:.7rem;font-weight:700;color:var(--brand);letter-spacing:1px;margin-bottom:.75rem}.how-step__icon{font-size:2rem;margin-bottom:1rem}.how-step__title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .5rem}.how-step__desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.how-step__arrow{position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--brand);font-size:1.2rem;z-index:2}.pricing-teaser-section{padding:100px 2rem;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(139,92,246,.06) 50%,transparent)}.pricing-teaser-section .ln-section__inner{position:relative;z-index:2}.pricing-teaser-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 100%,rgba(59,130,246,.08) 0%,transparent 70%)}.page-hero{padding:160px 2rem 100px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(59,130,246,.12) 0%,transparent 70%),var(--bg-page)}.page-hero__inner{position:relative;z-index:2;max-width:800px;margin:0 auto}.page-hero__label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--brand);margin-bottom:1.25rem;padding:4px 12px;border-radius:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.page-hero__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-1.5px;margin:0 0 1.25rem;color:#fff;line-height:1.1}.page-hero__sub{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;margin:0 0 2.5rem}.page-hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.page-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 50% 70% at 50% 0%,rgba(139,92,246,.08) 0%,transparent 60%)}.feature-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.feature-tab{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all var(--transition);font-family:inherit}.feature-tab:hover{border-color:#ffffff26;color:#fff}.feature-tab--active{background:#3b82f626;border-color:var(--brand);color:#fff}.feature-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.feature-detail-grid--visible{opacity:1;transform:translateY(0)}.feature-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden;border-left:3px solid var(--card-color);transition:transform var(--transition),box-shadow var(--transition);animation:fadeInUp .4s ease backwards}.feature-detail-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000004d}.feature-detail-card__number{font-size:2rem;font-weight:900;color:var(--card-color);opacity:.15;position:absolute;top:1.5rem;right:1.5rem}.feature-detail-card__title{font-size:1.1rem;font-weight:700;margin:0 0 .75rem;color:#fff}.feature-detail-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.comparison-section{background:#ffffff03}.comparison-table{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.comparison-table__header,.comparison-table__row{display:grid;grid-template-columns:2fr 1fr 1.2fr}.comparison-table__header{background:#ffffff0a;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.comparison-table__row{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;color:var(--text-secondary);transition:background var(--transition)}.comparison-table__row:hover{background:#ffffff05}.comparison-table__generic{color:var(--text-muted)}.comparison-table__ours{color:var(--green);font-weight:600}.currency-toggle-wrap{display:flex;justify-content:center;gap:.5rem;padding:1.5rem 2rem;position:sticky;top:68px;z-index:50;background:#0a0f1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.currency-btn{background:none;cursor:pointer;color:var(--text-secondary);padding:.5rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;border:1px solid transparent;transition:all var(--transition);font-family:inherit}.currency-btn:hover{border-color:var(--border);color:#fff}.currency-btn--active{background:#3b82f626;border-color:var(--brand);color:#fff}.pricing-section{background:var(--bg-page)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;align-items:stretch}.pricing-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:#0f193280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px #0006}.pricing-card--pro{border-color:var(--brand);background:linear-gradient(180deg,#3b82f614,#0f1932b3 30%);box-shadow:0 0 0 1px var(--brand),0 20px 60px #3b82f633;transform:scale(1.04)}.pricing-card--pro:hover{transform:scale(1.04) translateY(-6px)}.pricing-card__popular{background:linear-gradient(90deg,var(--brand),var(--purple));color:#fff;font-size:.75rem;font-weight:700;text-align:center;padding:6px 0;letter-spacing:1px;text-transform:uppercase}.pricing-card__header{padding:2.5rem 2.5rem 0}.pricing-card__badge{display:inline-block;background:#f973161a;color:#fb923c;border:1px solid rgba(249,115,22,.2);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:12px;margin-bottom:1.25rem}.pricing-card__tier{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.pricing-card__tagline{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.pricing-card__price-row{display:flex;align-items:baseline;gap:4px}.pricing-card__price{font-size:3.5rem;font-weight:900;color:#fff;letter-spacing:-2px}.pricing-card__price--custom{font-size:2.8rem}.pricing-card__period{font-size:.9rem;color:var(--text-muted)}.pricing-card__subprice{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.pricing-card__saving{font-size:.75rem;font-weight:600;color:var(--green);background:#10b9811a;padding:2px 8px;border-radius:4px;display:inline-block;margin-top:4px}.pricing-card__features{list-style:none;margin:0;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.pricing-card__features li{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.check-icon{color:var(--green);font-weight:700;font-size:1rem;flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.pricing-divider{height:1px;background:var(--border);margin:.5rem 0;list-style:none}.pricing-card__footer{padding:0 2.5rem 2.5rem}.payment-flow{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(3rem,8vw,7rem);align-items:start}.payment-steps{display:flex;flex-direction:column;gap:2rem}.payment-step{display:grid;grid-template-columns:36px 42px minmax(0,1fr);gap:1rem;align-items:start;position:relative}.payment-step__num{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--brand),var(--purple));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff}.payment-step__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7dd3fc;background:#38b2f61a;border:1px solid rgba(56,178,246,.14);flex-shrink:0}.payment-step__copy{min-width:0;padding-top:2px}.payment-step__title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .25rem}.payment-step__desc{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.payment-step__arrow{position:absolute;left:10px;top:45px;color:#94a3b86b}.payment-qr-panel{display:flex;justify-content:center}.payment-qr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;max-width:320px;width:100%}.payment-qr-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.45rem}.payment-qr-box{background:#fff;border-radius:12px;padding:16px;display:inline-flex;justify-content:center;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.payment-qr-box img{width:min(100%,220px);height:auto;border-radius:8px;display:block}.payment-qr-upi{display:flex;flex-direction:column;gap:4px;margin-bottom:1.5rem}.payment-qr-upi__label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.payment-qr-upi__value{font-size:1rem;font-weight:700;color:#fff;font-family:monospace}.payment-qr-support{font-size:.8rem;color:var(--text-muted);line-height:1.5}.payment-qr-wa{color:var(--green);font-weight:600;text-decoration:none}.payment-qr-wa:hover{text-decoration:underline}.faq-section{background:#ffffff03}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}.faq-item--open{border-color:#3b82f64d}.faq-item__q{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;text-align:left;font-size:.95rem;font-weight:600;color:#fff;font-family:inherit;transition:color var(--transition)}.faq-item__q:hover{color:var(--brand)}.faq-item__chevron{font-size:1.2rem;color:var(--text-muted);flex-shrink:0}.faq-item__a{padding:0 1.5rem 1.25rem;font-size:.9rem;color:var(--text-secondary);line-height:1.7;animation:fadeIn .2s ease}.contact-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.contact-channel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;display:flex;gap:1.25rem;align-items:flex-start;text-decoration:none;color:inherit;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.contact-channel:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 15px 40px #0000004d}.contact-channel__icon{width:52px;height:52px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.contact-channel__icon--blue{background:#3b82f626;color:var(--brand)}.contact-channel__icon--purple{background:#8b5cf626;color:var(--purple)}.contact-channel__icon--green{background:#10b98126;color:var(--green)}.contact-channel__type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px}.contact-channel__value{font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px}.contact-channel__note{font-size:.85rem;color:var(--text-secondary)}.business-hours-card{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg);padding:2rem;display:flex;gap:1.5rem;align-items:center}.business-hours-card__icon{font-size:2.5rem;flex-shrink:0}.business-hours-card__title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.business-hours-card__hours{font-size:1.1rem;font-weight:600;color:var(--brand);margin-bottom:.25rem}.business-hours-card__note{font-size:.875rem;color:var(--text-secondary)}.about-section{background:#ffffff03}.about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;transition:transform var(--transition)}.about-card:hover{transform:translateY(-4px)}.about-card__logo{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--purple));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;margin-bottom:1.5rem}.about-card__logo--purple{background:linear-gradient(135deg,var(--purple),#EC4899)}.about-card__title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .75rem}.about-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.ln-cta-section{padding:100px 2rem;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(59,130,246,.05) 50%,transparent);border-top:1px solid var(--border)}.ln-cta-section__inner{position:relative;z-index:2}.ln-cta-section__actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.ln-footer{border-top:1px solid var(--border);background:#060c1b;padding:5rem 2rem 2rem}.meet-goot-section{padding:100px 2rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(59,130,246,.07) 0%,transparent 70%)}.meet-goot-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(59,130,246,.03) 50%,transparent);pointer-events:none}.meet-goot__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:5rem;align-items:center}.meet-goot__traits{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2rem 0}.meet-goot__trait{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;transition:transform .2s,border-color .2s}.meet-goot__trait:hover{transform:translateY(-3px);border-color:#3b82f64d}.meet-goot__trait-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.meet-goot__trait-label{font-weight:700;font-size:.9rem;color:#fff;margin-bottom:2px}.meet-goot__trait-desc{font-size:.78rem;color:var(--text-muted)}.meet-goot__buddy{display:flex;justify-content:center;align-items:center}@media (max-width: 900px){.meet-goot__inner{grid-template-columns:1fr;gap:3rem;text-align:center}.meet-goot__text .ln-section__sub{text-align:center!important}.meet-goot__traits{grid-template-columns:1fr 1fr}.meet-goot__buddy{order:-1}}.ln-footer__inner{max-width:1280px;margin:0 auto}.ln-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.ln-footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem}.ln-footer__desc{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;max-width:280px}.ln-footer__social{display:flex;gap:.75rem}.ln-social-link{width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1rem;transition:background var(--transition),border-color var(--transition)}.ln-social-link:hover{background:#ffffff1a;border-color:#fff3}.ln-footer__col-title{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.5px}.ln-footer__links{display:flex;flex-direction:column;gap:.75rem}.ln-footer__link,.ln-footer__link-text{background:none;border:none;cursor:pointer;text-align:left;padding:0;font-family:inherit;font-size:.875rem;color:var(--text-muted);transition:color var(--transition);text-decoration:none}.ln-footer__link:hover{color:var(--brand)}.ln-footer__link-text{cursor:default}.ln-footer__bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-muted)}.ln-footer__powered strong{color:var(--text-secondary)}.ln-footer__bottom-actions{display:flex;gap:1rem;align-items:center}.auth-page{min-height:100vh;display:flex;background:var(--bg-page);font-family:Inter,sans-serif}.auth-left{flex:1;min-width:0;display:none;position:relative;overflow:hidden;background:linear-gradient(160deg,#0d1b3e,#0a0f1e)}@media (min-width:900px){.auth-left{display:flex}}.auth-left__inner{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;padding:4rem;justify-content:center}.auth-left__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-left__bar{position:absolute;bottom:0;width:2px;background:#ffffff0a;animation:authBar 3s ease-in-out infinite alternate}@keyframes authBar{0%{height:20%;opacity:.03}to{height:80%;opacity:.08}}.auth-left__glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.auth-left__glow--blue{width:400px;height:400px;top:-100px;left:-100px;background:#3b82f61f}.auth-left__glow--purple{width:300px;height:300px;bottom:-50px;right:-50px;background:#8b5cf61a}.auth-left__content{position:relative}.auth-left__logo{display:flex;align-items:center;gap:14px;margin-bottom:3rem}.auth-left__logo-name{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.3px}.auth-left__logo-sub{font-size:.75rem;color:var(--text-muted);margin-top:1px}.auth-left__title{font-size:clamp(2rem,3vw,2.8rem);font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.15;margin:0 0 1.25rem}.auth-left__desc{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin:0 0 2.5rem}.auth-left__features{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.auth-left__feature{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.auth-left__feature-icon{font-size:1.2rem;width:28px;text-align:center}.auth-left__feature-text{flex:1}.auth-left__social-proof{display:flex;align-items:center;gap:14px;padding-top:2rem;border-top:1px solid var(--border)}.auth-left__avatars{position:relative;height:34px;width:120px}.auth-left__avatar{position:absolute;width:32px;height:32px;border-radius:50%;border:2px solid #0D1B3E;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff}.auth-left__social-text{font-size:.8rem;color:var(--text-muted)}.auth-right{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg-page)}@media (min-width:900px){.auth-right{width:520px;border-left:1px solid var(--border)}}.auth-right__inner{width:100%;max-width:420px}.auth-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem;font-weight:500;margin-bottom:2rem;padding:0;font-family:inherit;transition:color var(--transition)}.auth-back-btn:hover{color:#fff}.auth-header{margin-bottom:2rem}.auth-header__title{font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.5px}.auth-header__sub{font-size:.9rem;color:var(--text-secondary);margin:0}.auth-error{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;border-radius:var(--radius-md);padding:12px 14px;font-size:.875rem;margin-bottom:1.5rem;animation:fadeIn .2s ease}.auth-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.auth-form__group{display:flex;flex-direction:column;gap:6px}.auth-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-form__label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.auth-form__input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-family:inherit;padding:.75rem 1rem;transition:border-color var(--transition),background var(--transition);box-sizing:border-box}.auth-form__input::placeholder{color:var(--text-muted)}.auth-form__input:focus{outline:none;border-color:var(--brand);background:#3b82f60f}.auth-form__input-wrap{position:relative}.auth-form__input-wrap .auth-form__input{padding-right:2.5rem}.auth-form__eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.auth-form__check{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.auth-submit-btn{width:100%;justify-content:center;padding:.9rem!important;font-size:1rem!important;border-radius:var(--radius-md)!important;margin-top:.5rem}.auth-divider{text-align:center;font-size:.8rem;color:var(--text-muted);position:relative;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:var(--border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-terms{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:1.5rem;line-height:1.5}.auth-terms a{color:var(--brand);text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-success{text-align:center;padding:2rem 0}.auth-success__icon{font-size:3.5rem;margin-bottom:1.5rem}.auth-success__title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 1rem}.auth-success__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0 0 1.5rem}.auth-success__note{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#6ee7b7;border-radius:var(--radius-md);padding:12px 16px;font-size:.875rem;line-height:1.5}.spin{animation:spin .8s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.how-it-works{grid-template-columns:1fr;gap:1.5rem}.how-step__arrow{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.pricing-cards{grid-template-columns:1fr;max-width:420px}.pricing-card--pro{transform:none}.pricing-card--pro:hover{transform:translateY(-6px)}}@media (max-width:1100px){.ln-nav__links,.ln-nav__actions .ln-btn-ghost{display:none}.ln-nav__mobile-toggle{display:flex}.hero-section{padding:100px 1.5rem 80px}.hero-inner{flex-direction:column;gap:3rem}.hero-visual{width:100%;min-width:auto}.hero-mockup-wrapper{min-width:auto}.hero-title{font-size:2.8rem}.features-grid-home{grid-template-columns:1fr 1fr}.contact-channels{grid-template-columns:1fr}.ln-footer__grid{grid-template-columns:1fr 1fr;gap:2rem}.feature-detail-grid{grid-template-columns:1fr}.payment-flow{flex-direction:column}.about-cards,.auth-form__row{grid-template-columns:1fr}}@media (max-width:600px){.features-grid-home{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.ln-footer__grid{grid-template-columns:1fr}.hero-title{font-size:2.4rem}.ln-section{padding:70px 1.5rem}}:root{--brand-aqua: #10B981;--brand-sky: #38B2F6;--brand-ink: #071120;--premium-panel: rgba(8, 18, 38, .78);--premium-line: rgba(148, 220, 255, .16)}.ln-page{background:radial-gradient(circle at 22% 8%,rgba(16,185,129,.14),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(56,178,246,.14),transparent 30rem),linear-gradient(180deg,#060b16,#08111f 42%,#060b16)}.text-gradient{background:linear-gradient(135deg,#10b981,#38b2f6 52%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ln-nav:before{background:linear-gradient(180deg,#060b16bd,#060b1647);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ln-nav--scrolled:before{background:#060b16e6;border-bottom:1px solid rgba(148,220,255,.1)}.ln-logo-img{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:2px}.ln-btn-primary{background:linear-gradient(135deg,#10b981,#38b2f6 48%,#4f46e5);box-shadow:0 14px 36px #38b2f647,inset 0 1px #ffffff3d}.ln-btn-outline{background:#ffffff09;border-color:#94dcff2e}.hero-section--premium{min-height:100vh;padding:132px 2rem 0;overflow:hidden;background:linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(56,178,246,.05) 1px,transparent 1px),radial-gradient(ellipse 70% 70% at 72% 24%,rgba(56,178,246,.18),transparent 62%),radial-gradient(ellipse 52% 52% at 18% 18%,rgba(16,185,129,.16),transparent 60%),#060b16;background-size:72px 72px,72px 72px,auto,auto,auto}.hero-section--premium:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(180deg,transparent,#08111f);pointer-events:none}.hero-inner--premium{max-width:1240px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(2.5rem,5vw,6rem);text-align:left}.hero-content--premium{max-width:650px}.hero-title--premium{font-size:clamp(3.3rem,6vw,6.8rem);letter-spacing:0;line-height:.96;margin-bottom:1.4rem}.hero-title--premium .hero-title__line--gradient{display:block}.hero-subtitle--premium{max-width:610px;margin-right:auto;margin-bottom:2rem;font-size:1.08rem}.hero-actions--premium{justify-content:flex-start;margin-bottom:1.4rem}.hero-proof{display:flex;flex-wrap:wrap;gap:.75rem;color:#e2f2ffc7;font-size:.84rem}.hero-proof div{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid rgba(148,220,255,.14);background:#ffffff09;border-radius:999px}.hero-visual--premium{width:100%;min-height:560px}.premium-dashboard{width:min(100%,660px);margin-left:auto;position:relative;z-index:2;padding:1.1rem;border:1px solid rgba(148,220,255,.16);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 28%),#081226d1;box-shadow:0 34px 90px #00000080,0 0 80px #38b2f61a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:premiumPanelIn .9s ease both}@keyframes premiumPanelIn{0%{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-dashboard__top,.premium-dashboard__metrics,.premium-dashboard__body,.premium-dashboard__barcode{border:1px solid rgba(148,220,255,.1);background:#03091675;border-radius:8px}.premium-dashboard__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:.85rem}.premium-dashboard__top strong,.premium-dashboard__barcode strong{display:block;color:#fff}.premium-dashboard__eyebrow,.premium-dashboard__section-title,.premium-dashboard__barcode span{display:block;color:#94a3b8eb;font-size:.72rem}.premium-dashboard__status{color:#7dd3fc;font-size:.78rem;padding:.38rem .6rem;border-radius:999px;background:#38b2f61a;border:1px solid rgba(56,178,246,.16)}.premium-dashboard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:.85rem;margin-bottom:.85rem}.premium-dashboard__metrics div{padding:.8rem;border-radius:8px;background:#ffffff0a}.premium-dashboard__metrics span{display:block;color:#94a3b8e0;font-size:.72rem;margin-bottom:.3rem}.premium-dashboard__metrics strong{color:#f8fafc;font-size:clamp(1.25rem,2vw,1.75rem)}.premium-dashboard__body{display:grid;grid-template-columns:1.15fr .85fr;gap:.85rem;padding:.85rem;margin-bottom:.85rem}.premium-dashboard__chart,.premium-dashboard__activity{min-height:180px;padding:.9rem;border-radius:8px;background:#ffffff08}.premium-dashboard__bars{height:132px;display:flex;align-items:flex-end;gap:.55rem;margin-top:1rem}.premium-dashboard__bars span{flex:1;min-width:12px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#10b981,#38b2f6 54%,#4f46e5);box-shadow:0 0 18px #38b2f63d;animation:premiumBarGrow .72s ease both;transform-origin:bottom}@keyframes premiumBarGrow{0%{transform:scaleY(.18);opacity:.4}to{transform:scaleY(1);opacity:1}}.premium-dashboard__activity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.62rem 0;border-bottom:1px solid rgba(148,220,255,.08)}.premium-dashboard__activity-row:last-child{border-bottom:0}.premium-dashboard__activity-row span{width:7px;height:7px;border-radius:99px;background:#10b981;box-shadow:0 0 10px #10b981e6}.premium-dashboard__activity-row strong{color:#cbd5e1;font-family:Courier New,monospace;font-size:.76rem}.premium-dashboard__activity-row em{color:#7dd3fc;font-style:normal;font-size:.72rem}.premium-dashboard__barcode{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.9rem}.premium-dashboard__barcode-lines{min-width:0;height:54px;display:flex;align-items:stretch;gap:4px;overflow:hidden}.premium-dashboard__barcode-lines span{display:block;height:100%;background:#ffffffe0;border-radius:1px}.hero-mascot{position:absolute;right:min(3vw,30px);bottom:26px;z-index:4;width:190px;height:250px;pointer-events:none;animation:mascotShootIn 1.15s cubic-bezier(.18,.89,.32,1.28) .18s both,mascotHover 4.5s ease-in-out 1.4s infinite}@keyframes mascotShootIn{0%{opacity:0;transform:translate(220px,90px) rotate(16deg) scale(.72)}68%{opacity:1;transform:translate(-8px,-8px) rotate(-4deg) scale(1.04)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes mascotHover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-mascot__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.44))}.hero-mascot__trail{position:absolute;right:68%;top:44%;width:180px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),rgba(56,178,246,.9));filter:blur(.5px);animation:mascotTrail 2.6s ease-in-out infinite}@keyframes mascotTrail{0%,to{opacity:.25;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}.hero-mascot__scan{position:absolute;right:98%;top:42%;width:min(35vw,360px);height:2px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.95),transparent);box-shadow:0 0 18px #38b2f6c7;animation:mascotScan 3.2s ease-in-out infinite}@keyframes mascotScan{0%,to{opacity:0;transform:translateY(-34px)}20%,72%{opacity:1}50%{transform:translateY(74px)}}.hero-mascot__tag{position:absolute;left:50%;bottom:-.6rem;transform:translate(-50%);display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:240px;padding:.5rem .72rem;color:#e2f2ffdb;font-size:.72rem;border:1px solid rgba(148,220,255,.16);border-radius:999px;background:#050c1abd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-brand-strip{position:relative;z-index:3;max-width:1240px;margin:3.5rem auto 0;padding:1rem 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(148,220,255,.1);color:#cbd5e1bf;font-size:.82rem}.hero-brand-strip span{color:#94a3b8bf;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.hero-brand-strip strong{color:#e2f2ffd6}.designed-for-section{display:none}.feature-card-home--premium{text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feature-card-home__icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-color),#ffffff 10%),#ffffff14);box-shadow:0 12px 28px color-mix(in srgb,var(--card-color),transparent 72%)}.feature-card-home__cta{display:inline-flex;align-items:center;gap:.35rem}.how-step__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:8px;background:#38b2f61a;color:#7dd3fc}.pricing-teaser-section--premium{background:linear-gradient(135deg,#10b98114,#38b2f614),#ffffff04}.meet-goot-section--premium{background:radial-gradient(ellipse 55% 80% at 78% 40%,rgba(16,185,129,.11),transparent 62%),linear-gradient(180deg,#ffffff03,#38b2f609)}.meet-goot__trait-icon{color:#7dd3fc}@media (max-width:1100px){.hero-inner--premium{grid-template-columns:1fr;text-align:center}.hero-content--premium,.hero-subtitle--premium{margin-left:auto;margin-right:auto}.hero-actions--premium,.hero-proof{justify-content:center}.hero-visual--premium{min-height:500px}.premium-dashboard{margin:0 auto}.hero-mascot{right:calc(50% - 300px)}.hero-brand-strip{flex-wrap:wrap;justify-content:center}}@media (max-width:900px){.payment-flow{grid-template-columns:1fr;gap:3rem}.payment-qr-panel{justify-content:flex-start}}@media (max-width:760px){.hero-section--premium{padding:106px 1rem 0}.hero-title--premium{font-size:clamp(2.55rem,13vw,3.7rem)}.hero-visual--premium{min-height:610px}.premium-dashboard__metrics,.premium-dashboard__body,.premium-dashboard__barcode{grid-template-columns:1fr}.hero-mascot{right:calc(50% - 82px);bottom:8px;width:165px;height:220px}.hero-mascot__scan,.hero-mascot__trail{display:none}.hero-brand-strip{margin-top:1rem}}@media (max-width:520px){.hero-proof{align-items:stretch}.hero-proof div{width:100%;justify-content:center}.stats-grid,.meet-goot__traits{grid-template-columns:1fr}}.bb-widget{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;-webkit-user-select:none;user-select:none;width:280px;margin:0 auto}.bb-bubble{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px 18px 18px 4px;padding:12px 18px;min-height:46px;width:100%;display:flex;align-items:center;margin-bottom:14px;box-shadow:0 8px 24px #0000004d;animation:bbBubblePop .4s cubic-bezier(.34,1.56,.64,1) both}.bb-bubble:after{content:"";position:absolute;bottom:-10px;left:24px;border:6px solid transparent;border-top-color:#ffffff26}.bb-bubble__text{font-size:.88rem;font-weight:600;color:#fff;font-family:Inter,sans-serif;line-height:1.4}.bb-bubble__cursor{display:inline-block;width:2px;height:1em;background:#3b82f6;margin-left:2px;border-radius:1px;animation:bbBlink .7s step-end infinite;vertical-align:text-bottom}@keyframes bbBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes bbBubblePop{0%{transform:scale(.8) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bb-mascot-wrap{position:relative;display:flex;flex-direction:column;align-items:center;animation:bbFloat 5s ease-in-out infinite}@keyframes bbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bb-wave-ring{position:absolute;top:14px;right:18px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(59,130,246,0);z-index:5;pointer-events:none;transition:border-color .2s}.bb-wave-ring--active{border-color:#3b82f699;animation:bbWaveRing .7s ease-out 2}@keyframes bbWaveRing{0%{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:0}}.bb-mascot-img-wrap{position:relative;width:230px;height:230px;display:flex;justify-content:center;align-items:center;z-index:2;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4))}.bb-mascot-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.bb-mascot-img--wave{animation:bbWaveImg 1.4s ease}@keyframes bbWaveImg{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.05)}50%{transform:rotate(3deg) scale(1.05)}75%{transform:rotate(-2deg) scale(1.05)}}.bb-3d-shadow{position:absolute;top:50%;left:50%;width:160px;height:160px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;transform-origin:center;margin-left:-80px;margin-top:-80px;z-index:1;pointer-events:none;transition:transform .1s ease-out}.bb-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3b82f600,#3b82f626,#3b82f600);opacity:0;pointer-events:none;transition:opacity .2s}.bb-scan-overlay--active{animation:bbScanFlash 1.8s ease}@keyframes bbScanFlash{0%{opacity:0;background-position:0% 0%}15%{opacity:1}50%{background-position:0% 100%}85%{opacity:1}to{opacity:0;background-position:0% 0%}}.bb-scanner{position:relative;margin-top:14px;background:#0f1932cc;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:10px 16px 8px;width:220px;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.bb-scanner__bars{display:flex;align-items:stretch;gap:2px;height:36px;margin-bottom:6px}.bb-scanner__bar{background:#ffffffd9;border-radius:1px;flex-shrink:0;height:100%}.bb-scanner__bar:nth-child(2n){height:70%;align-self:center}.bb-scanner__beam{position:absolute;top:10px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(239,68,68,.9) 30%,rgba(239,68,68,1) 50%,rgba(239,68,68,.9) 70%,transparent 100%);box-shadow:0 0 8px #ef4444cc;animation:bbScanLine 2s linear infinite}@keyframes bbScanLine{0%{transform:translateY(0);opacity:.4}50%{opacity:1}to{transform:translateY(34px);opacity:.4}}.bb-scanner__label{font-family:Courier New,monospace;font-size:.65rem;color:#3b82f6b3;letter-spacing:1.5px;text-align:center}.bb-status{display:flex;align-items:center;gap:7px;margin-top:10px}.bb-status__dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981cc;animation:bbPulse 2s ease infinite}@keyframes bbPulse{0%,to{box-shadow:0 0 6px #10b981cc}50%{box-shadow:0 0 14px #10b981}}.bb-status__label{font-size:.72rem;color:#ffffff73;font-family:Inter,sans-serif;font-weight:500}:root{--bg-base: #020617;--bg-surface: #0F172A;--bg-elevated: #1E293B;--bg-overlay: #334155;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(16,185,129,.08);--brand-50: #ECFDF5;--brand-100: #D1FAE5;--brand-400: #34D399;--brand-500: #10B981;--brand-600: #059669;--brand-glow: rgba(16,185,129,.25);--accent-400: #60A5FA;--accent-500: #3B82F6;--accent-600: #2563EB;--accent-glow: rgba(59,130,246,.25);--success: #22C55E;--success-bg: rgba(34,197,94,.1);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.1);--danger: #EF4444;--danger-bg: rgba(239,68,68,.1);--info: #3B82F6;--info-bg: rgba(59,130,246,.1);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #475569;--text-disabled: #334155;--text-inverse: #0F172A;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--border-brand: rgba(16,185,129,.35);--border-focus: rgba(16,185,129,.6);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 20px 60px rgba(0,0,0,.6), 0 8px 20px rgba(0,0,0,.4);--shadow-brand: 0 0 0 3px rgba(16,185,129,.25);--shadow-accent: 0 0 0 3px rgba(59,130,246,.25);--shadow-card: 0 8px 32px rgba(0,0,0,.2), 0 0 0 1px rgba(255,255,255,.06);--bg-surface-rgb: 15, 23, 42;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Sora", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-fast: all .12s cubic-bezier(.4,0,.2,1);--transition-base: all .2s cubic-bezier(.4,0,.2,1);--transition-slow: all .35s cubic-bezier(.4,0,.2,1);--transition-spring: all .4s cubic-bezier(.34,1.56,.64,1);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 60px}:root[data-theme=light]{--bg-base: #F8FAFC;--bg-surface: #FFFFFF;--bg-elevated: #F1F5F9;--bg-overlay: #E2E8F0;--bg-hover: rgba(0,0,0,.03);--bg-active: rgba(16,185,129,.06);--brand-500: #059669;--brand-glow: rgba(5,150,105,.15);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-disabled: #CBD5E1;--border: rgba(0,0,0,.07);--border-strong: rgba(0,0,0,.14);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 20px 60px rgba(0,0,0,.12);--shadow-card: 0 4px 20px rgba(0,0,0,.03), 0 0 0 1px rgba(0,0,0,.04);--bg-surface-rgb: 255, 255, 255}:root[data-theme=midnight]{--bg-base: #09090B;--bg-surface: #18181B;--bg-elevated: #27272A;--bg-overlay: #3F3F46;--bg-hover: rgba(255,255,255,.05);--bg-active: rgba(139,92,246,.1);--brand-500: #8B5CF6;--brand-400: #A78BFA;--brand-glow: rgba(139,92,246,.25);--accent-500: #3B82F6;--accent-400: #60A5FA;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A;--text-disabled: #52525B;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 20px 60px rgba(0,0,0,.7);--shadow-card: 0 8px 32px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.05);--bg-surface-rgb: 24, 24, 27}:root[data-theme=forest]{--bg-base: #141b14;--bg-surface: #1f291f;--bg-elevated: #2b3a2b;--bg-overlay: #3d4f3d;--bg-hover: rgba(255,255,255,.06);--bg-active: rgba(16,185,129,.12);--brand-500: #10B981;--brand-400: #34D399;--brand-glow: rgba(16,185,129,.3);--accent-500: #F59E0B;--accent-400: #FBBF24;--text-primary: #f4fdf4;--text-secondary: #a3b8a3;--text-muted: #7a8f7a;--text-disabled: #506650;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 20px 60px rgba(0,0,0,.7);--shadow-card: 0 8px 32px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.07);--bg-surface-rgb: 31, 41, 31}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary)}a{color:var(--brand-500);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--brand-400)}button{cursor:pointer;font-family:var(--font-sans)}input,select,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-overlay)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0%}}@keyframes ringPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes toastSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes barcodeScan{0%,to{top:5%}50%{top:90%}}@keyframes notifDot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-base)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-base)}.page-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8);animation:fadeInUp .25s ease}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:40}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-4);border-bottom:1px solid var(--border);gap:var(--space-3);flex-shrink:0}.sidebar-logo-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-500),var(--accent-500));display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;font-size:.9rem;color:#fff;font-family:var(--font-display);box-shadow:0 2px 8px var(--brand-glow)}.sidebar-logo-text{flex:1;overflow:hidden}.sidebar-logo-text .brand-name{font-size:var(--text-sm);font-weight:700;font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.sidebar-logo-text .brand-tagline{font-size:.65rem;color:var(--text-muted);white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.sidebar-collapse-btn{width:26px;height:26px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast);margin-left:auto}.sidebar-collapse-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.nav-section-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-1);white-space:nowrap;overflow:hidden;transition:opacity .2s}.sidebar.collapsed .nav-section-label{opacity:0;height:0;padding:0}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden;border:1px solid transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.nav-item.active{background:var(--bg-active);color:var(--brand-500);border-color:var(--border-brand)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--brand-500);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0}.nav-item .nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-item .nav-badge{background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-full);min-width:18px;text-align:center;flex-shrink:0;animation:notifDot 2s ease-in-out infinite}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge{opacity:0;width:0;overflow:hidden}.nav-tooltip{position:absolute;left:calc(var(--sidebar-collapsed-width) + 8px);top:50%;transform:translateY(-50%);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;box-shadow:var(--shadow-md);transition:opacity .15s}.sidebar.collapsed .nav-item:hover .nav-tooltip{opacity:1}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.sidebar-user:hover{background:var(--bg-hover)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--brand-500),var(--accent-500))}.user-info{flex:1;overflow:hidden}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-org{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-badge{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-full);flex-shrink:0}.plan-badge.free{background:#47556980;color:var(--text-secondary)}.plan-badge.business{background:#3b82f626;color:var(--accent-400)}.plan-badge.enterprise{background:#f59e0b26;color:var(--warning)}.plan-badge.super{background:#ef444426;color:#fb7185}.sidebar.collapsed .user-info,.sidebar.collapsed .plan-badge{opacity:0;width:0}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);flex-shrink:0;z-index:30}.topbar-breadcrumb{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.breadcrumb-item{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.breadcrumb-item.current{color:var(--text-primary);font-weight:600}.breadcrumb-sep{color:var(--text-muted);font-size:var(--text-sm)}.topbar-search-trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);min-width:240px;max-width:320px}.topbar-search-trigger:hover{border-color:var(--border-strong);background:var(--bg-overlay);color:var(--text-secondary)}.search-kbd{margin-left:auto;display:flex;gap:3px;align-items:center}.kbd{background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:1px 5px;font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);line-height:1.5}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);position:relative}.icon-btn:hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--danger);border-radius:var(--radius-full);border:1.5px solid var(--bg-surface);animation:notifDot 2s infinite}.topbar-divider{width:1px;height:20px;background:var(--border)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.card-body{padding:var(--space-6)}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-card);transition:var(--transition-base);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-500),var(--accent-500));opacity:0;transition:opacity .2s}.stat-card:hover{border-color:var(--border-strong)}.stat-card:hover:after{opacity:1}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.stat-value{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.04em;line-height:1;animation:countUp .5s ease}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);font-weight:500}.stat-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.stat-trend.neutral{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;white-space:nowrap;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600);box-shadow:0 4px 12px var(--brand-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#ef444440}.btn-danger:hover{background:var(--danger);color:#fff}.btn-accent{background:var(--accent-500);color:#fff;border-color:var(--accent-500)}.btn-accent:hover{background:var(--accent-600);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-md)}.btn-loading{pointer-events:none;opacity:.75}.btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.2) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .4s,opacity .6s}.btn:active:after{transform:scale(0);opacity:.3;transition:0s}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:var(--transition-fast);outline:none;-webkit-appearance:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-brand);background:var(--bg-surface)}.form-input:disabled{opacity:.5;cursor:not-allowed}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-with-icon .form-input{padding-left:calc(var(--space-4) + 18px + var(--space-2))}.input-with-icon .input-action{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-xs);display:flex;align-items:center;transition:var(--transition-fast)}.input-with-icon .input-action:hover{color:var(--text-secondary)}.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:var(--transition-fast);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select:focus{border-color:var(--brand-500);box-shadow:var(--shadow-brand)}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:var(--transition-fast);outline:none;resize:vertical;min-height:100px}.form-textarea:focus{border-color:var(--brand-500);box-shadow:var(--shadow-brand)}.form-row{display:grid;gap:var(--space-4)}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-brand{background:var(--bg-active);color:var(--brand-500);border:1px solid var(--border-brand)}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);display:inline-block}.status-dot.active{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.pending{background:var(--warning)}.status-dot.offline{background:var(--text-muted)}.status-dot.danger{background:var(--danger)}.data-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{background:var(--bg-elevated);border-bottom:1px solid var(--border)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast)}.data-table th:hover{color:var(--text-secondary)}.data-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover td{background:var(--bg-hover)}.row-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity .15s}.data-table tbody tr:hover .row-actions{opacity:1}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:400px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .15s ease}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;width:100%}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);box-shadow:var(--shadow-lg);animation:toastSlide .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.toast.success:before{background:var(--success)}.toast.warning:before{background:var(--warning)}.toast.error:before{background:var(--danger)}.toast.info:before{background:var(--info)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:2px;border-radius:var(--radius-xs);display:flex;align-items:center;transition:var(--transition-fast)}.toast-close:hover{color:var(--text-primary);background:var(--bg-overlay)}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-box{width:100%;max-width:620px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d;overflow:hidden;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}.command-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.command-input{flex:1;background:none;border:none;outline:none;font-size:var(--text-base);color:var(--text-primary);font-family:var(--font-sans)}.command-input::placeholder{color:var(--text-muted)}.command-results{max-height:400px;overflow-y:auto;padding:var(--space-2)}.command-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);font-size:var(--text-sm)}.command-result-item:hover,.command-result-item.selected{background:var(--bg-active);color:var(--text-primary)}.command-result-item .result-icon{flex-shrink:0}.command-result-item .result-label{flex:1}.command-result-item .result-type{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-overlay);padding:2px 6px;border-radius:var(--radius-xs)}.command-section-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-4) var(--space-1)}.command-empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.command-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);display:flex;gap:var(--space-4);align-items:center}.command-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.notif-panel{position:absolute;top:calc(var(--topbar-height) + 4px);right:var(--space-4);width:380px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:80;animation:fadeInDown .2s ease;overflow:hidden}.notif-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.notif-title{font-size:var(--text-base);font-weight:700}.notif-list{max-height:420px;overflow-y:auto}.notif-item{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-fast);position:relative}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:var(--bg-active)}.notif-item.unread:before{content:"";position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--brand-500)}.notif-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.notif-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px}.notif-footer{padding:var(--space-3) var(--space-5);text-align:center}.profile-menu{position:absolute;top:calc(var(--topbar-height) + 4px);right:var(--space-4);width:280px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:80;animation:fadeInDown .2s ease;overflow:hidden}.profile-menu-user{padding:var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.profile-menu-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-500),var(--accent-500));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base);color:#fff;text-transform:uppercase;flex-shrink:0}.profile-menu-name{font-size:var(--text-sm);font-weight:600}.profile-menu-email{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.profile-menu-items{padding:var(--space-2)}.profile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.profile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-menu-item.danger{color:var(--danger)}.profile-menu-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.profile-menu-sep{height:1px;background:var(--border);margin:var(--space-2)}.bar-chart{display:flex;flex-direction:column;gap:var(--space-3)}.bar-row{display:flex;align-items:center;gap:var(--space-3)}.bar-label{font-size:var(--text-xs);color:var(--text-secondary);width:100px;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bar-track{flex:1;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-500),var(--accent-500));border-radius:var(--radius-full);animation:progressFill .8s ease}.bar-value{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);width:40px;text-align:right;flex-shrink:0}.progress{height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);animation:progressFill 1s ease;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.brand{background:linear-gradient(90deg,var(--brand-500),var(--brand-400))}.progress-fill.accent{background:linear-gradient(90deg,var(--accent-500),var(--accent-400))}.progress-fill.warning{background:var(--warning)}.progress-fill.danger{background:var(--danger)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--space-4);position:relative;padding-bottom:var(--space-5)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:17px;top:28px;bottom:0;width:1px;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-dot{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-content{flex:1;padding-top:6px}.timeline-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.timeline-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;line-height:1.6}.timeline-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-4)}.empty-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-2)}.empty-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.empty-desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px;line-height:1.7}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.w-full{width:100%}.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)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-500)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.rounded-full{border-radius:var(--radius-full)}.mono{font-family:var(--font-mono)}.grid{display:grid}.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-3{grid-template-columns:1fr 1fr 1fr}.grid-cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.gap-grid{gap:var(--space-6)}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.page-header{margin-bottom:var(--space-8);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-title-text{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media print{.sidebar,.topbar,.no-print{display:none!important}.main-area{margin-left:0!important}.page-content{padding:0}body{background:#fff;color:#000}.card{box-shadow:none;border:1px solid #ddd}}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 900px){.login-screen{grid-template-columns:1fr}.login-hero{display:none}}.login-hero{background:linear-gradient(145deg,#0a1628,#0f2042 40%,#041a14);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 60% 50%,rgba(16,185,129,.08) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(59,130,246,.06) 0%,transparent 50%);pointer-events:none}.login-hero-content{position:relative;z-index:1;max-width:480px}.hero-product-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--text-xs);font-weight:600;color:var(--brand-400);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-6);animation:fadeInUp .6s ease both}.hero-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;font-family:var(--font-display);color:#fff;line-height:1.15;letter-spacing:-.04em;margin-bottom:var(--space-5);animation:fadeInUp .7s ease both}.hero-title .gradient-text{background:linear-gradient(135deg,var(--brand-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-base);color:#fff9;line-height:1.7;margin-bottom:var(--space-10);animation:fadeInUp .8s ease both}.hero-features{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-10);animation:fadeInUp .9s ease both}.hero-feature{display:flex;align-items:center;gap:var(--space-3)}.hero-feature-icon{width:36px;height:36px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-feature-text{font-size:var(--text-sm);color:#ffffffbf;font-weight:500}.hero-security-badges{display:flex;gap:var(--space-3);flex-wrap:wrap;animation:fadeInUp 1s ease both}.security-badge{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--text-xs);color:#fff9;font-weight:500}.barcode-art{position:absolute;right:-10px;top:50%;transform:translateY(-50%);opacity:.04;pointer-events:none}.hero-mockup{position:absolute;bottom:30px;right:30px;width:240px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.hero-mockup-bar{height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand-500),var(--accent-500));margin-bottom:8px}.login-form-panel{background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 48px;position:relative}.login-form-card{width:100%;max-width:400px}.login-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);animation:fadeInDown .5s ease both}.login-logo-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--accent-500));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;font-family:var(--font-display);box-shadow:0 4px 14px var(--brand-glow)}.login-logo-text .org-name{font-size:var(--text-lg);font-weight:800;color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.02em}.login-logo-text .org-product{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.login-heading{animation:fadeInUp .5s ease .1s both}.login-heading h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-1)}.login-heading p{font-size:var(--text-sm);color:var(--text-secondary)}.login-form{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);animation:fadeInUp .5s ease .2s both}.login-forgot{text-align:right}.login-forgot a{font-size:var(--text-xs);color:var(--text-secondary)}.login-forgot a:hover{color:var(--brand-500)}.login-remember{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.login-remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand-500);cursor:pointer}.login-submit-btn{width:100%;padding:var(--space-3);background:var(--brand-500);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden;margin-top:var(--space-2)}.login-submit-btn:hover{background:var(--brand-600);box-shadow:0 6px 20px var(--brand-glow);transform:translateY(-1px)}.login-submit-btn:active{transform:translateY(0)}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--text-muted);font-size:var(--text-xs)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-signup-link{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-4)}.login-signup-link a,.text-link{font-weight:600;color:var(--brand-500);background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit}.login-signup-link a:hover,.text-link:hover{text-decoration:underline;color:var(--brand-400)}.login-footer{position:absolute;bottom:var(--space-6);left:0;right:0;display:flex;justify-content:center;gap:var(--space-5);font-size:var(--text-xs);color:var(--text-muted);animation:fadeIn .5s ease .4s both}.login-footer a{color:var(--text-muted)}.login-footer a:hover{color:var(--text-secondary)}.loading-workspace{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;gap:var(--space-8);animation:fadeIn .3s ease}.loading-logo{display:flex;align-items:center;gap:var(--space-4);animation:fadeInUp .5s ease both}.loading-logo-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-500),var(--accent-500));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;color:#fff;font-family:var(--font-display);box-shadow:0 8px 30px var(--brand-glow);animation:ringPulse 2s infinite}.loading-steps{display:flex;flex-direction:column;gap:var(--space-3);min-width:300px;animation:fadeInUp .5s ease .1s both}.loading-step{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:var(--transition-base)}.loading-step.active{color:var(--text-primary);background:var(--bg-active)}.loading-step.done{color:var(--success)}.loading-progress{width:300px;height:3px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;animation:fadeIn .5s ease .2s both}.loading-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-500),var(--accent-500));border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.welcome-banner{background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated));border:1px solid var(--border-brand);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8);position:relative;overflow:hidden;animation:fadeInUp .3s ease}.welcome-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-500),var(--accent-500))}.welcome-greeting{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-display);letter-spacing:-.03em}.welcome-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}@media (max-width: 1024px){.page-content{padding:var(--space-5)}.grid-cols-4{grid-template-columns:1fr 1fr}.hero-mockup{display:none}}@media (max-width: 768px){.page-content{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}.grid-cols-4{grid-template-columns:1fr 1fr}.grid-cols-3,.form-row.cols-2{grid-template-columns:1fr}.topbar-search-trigger{display:none}.welcome-banner{flex-direction:column;align-items:flex-start}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.main-area{margin-left:0!important;width:100%!important}.topbar-hamburger{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.topbar-hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.stats-grid{grid-template-columns:1fr 1fr}.table-container,[style*=overflow-x]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}table{min-width:600px}.print-config-grid{grid-template-columns:1fr!important}.modal-overlay{align-items:flex-end}.modal-content{width:100%!important;max-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;max-height:90vh;overflow-y:auto}.barcode-card-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.page-content{padding:var(--space-3)}.topbar{padding:0 var(--space-3);height:52px}--topbar-height: 52px;.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.barcode-card-grid{grid-template-columns:1fr!important}.hero-title{font-size:1.9rem!important}.page-title{font-size:1.3rem}.card-title{font-size:1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%;justify-content:center}.login-form-panel{padding:var(--space-6) var(--space-4)}.login-form-card{max-width:100%}.nav-item,.btn,input[type=button],input[type=submit],button{min-height:44px}.print-controls{flex-direction:column;gap:var(--space-3)}.topbar-right>*:not(:last-child):not(.topbar-hamburger){display:none}.stat-value{font-size:1.5rem!important}}.topbar-hamburger,.sidebar-backdrop{display:none}@media (max-width: 480px){.login-screen{min-height:100dvh}.login-form-panel{justify-content:flex-start;padding-top:40px}.login-logo{margin-bottom:var(--space-6)}.login-heading h1{font-size:var(--text-xl)}.login-submit-btn{padding:14px;font-size:var(--text-base)}.login-footer{padding:var(--space-4);font-size:11px}}:root[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}