:root{--primary:#00e5ff;--primary-hover:#00b4d8;--secondary:#8b5cf6;--accent:#f43f5e;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-main:#080c14;--bg-card:#0f172a;--bg-card-hover:#1e293b;--bg-card-subtle:#0f172a99;--bg-input:#020617;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#f8fafc;--border-subtle:#ffffff14;--border-focus:#00e5ff66;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 4px 20px #00000059}.glass-panel-light{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:8px}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#ef444440;border-color:#ef444480}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #00e5ff66}70%{box-shadow:0 0 0 10px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-up{animation:.6s ease-out forwards slideUp}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:8px;outline:none;padding:.75rem 1rem;font-family:inherit;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00e5ff40}input::placeholder{color:var(--text-muted)}.mobile-header,.sidebar-backdrop{display:none}@media (width<=768px){.sidebar-container{z-index:1000!important;background:var(--bg-card)!important;border:none!important;border-right:1px solid var(--border-subtle)!important;border-radius:0!important;width:280px!important;max-width:85vw!important;height:100vh!important;margin:0!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-100%!important;box-shadow:4px 0 25px #000000bf!important}.sidebar-container.open{left:0!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;background:#000000b3;display:block;position:fixed;inset:0}.main-content{padding:.85rem .85rem 2.5rem!important}.glass-panel{padding:1rem!important}h1{font-size:1.5rem!important;line-height:1.25!important}h2{font-size:1.3rem!important;line-height:1.3!important}h3{font-size:1.15rem!important;line-height:1.35!important}h4{font-size:1rem!important;line-height:1.4!important}input,select,textarea{font-size:16px!important}.modal-card{-webkit-overflow-scrolling:touch!important;width:95vw!important;max-width:520px!important;max-height:90vh!important;margin:auto!important;padding:1.25rem!important;overflow-y:auto!important}.table-responsive{width:100%;-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.table-responsive table,table.responsive-table{min-width:600px!important}.scroll-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}.scroll-tabs::-webkit-scrollbar{display:none!important}.grid-hero{text-align:center;grid-template-columns:1fr!important;gap:2rem!important}.grid-hero img{margin:0 auto}.grid-modules{grid-template-columns:1fr!important;gap:2rem!important}.grid-modules>div:nth-child(2n){order:1!important}.grid-features{grid-template-columns:1fr!important}.mobile-header{display:flex!important}.desktop-only,.landing-nav,.landing-topbar-extra{display:none!important}.landing-topbar{padding:.4rem 1rem!important;font-size:.68rem!important}.landing-header{padding:.85rem 1rem!important}.landing-header-actions{gap:.5rem!important}.landing-header-actions button,.landing-header-actions a{padding:.45rem .75rem!important;font-size:.75rem!important}.landing-section{padding:2.75rem 1.25rem!important}.landing-hero-grid{grid-template-columns:1fr!important;gap:2.25rem!important}.landing-hero-title{letter-spacing:-.5px!important;margin-bottom:1rem!important;font-size:2rem!important;line-height:1.15!important}.landing-hero-sub{margin-bottom:1.5rem!important;font-size:.95rem!important;line-height:1.55!important}.landing-btn-stack{flex-direction:column!important;width:100%!important}.landing-btn-stack button,.landing-btn-stack a{text-align:center!important;justify-content:center!important;width:100%!important;padding:.85rem 1.25rem!important}.landing-spec-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important;margin-bottom:1.75rem!important}.landing-calc-grid{grid-template-columns:1fr!important;gap:2rem!important}.landing-specs-grid{grid-template-columns:1fr!important;gap:1rem!important}.landing-form-row{grid-template-columns:1fr!important;gap:.85rem!important}.landing-tab-btn{padding:.75rem .5rem!important;font-size:.72rem!important}.landing-card-padding{padding:1.25rem!important}.landing-kiosk-img-box{height:280px!important}}