@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg-color: #121212;--bg-secondary: #171717;--card-bg: #1C1C1C;--card-border: #2E2E2E;--card-border-hover: #444444;--text-primary: #EDEDED;--text-secondary: #A0A0A0;--text-muted: #707070;--accent-color: #3ECF8E;--accent-hover: #30B078;--accent-glow: rgba(62, 207, 142, .15);--btn-secondary-bg: #1E1E1E;--btn-secondary-border: #2E2E2E;--btn-secondary-text: #EDEDED;--divider: #1E1E1E;--input-bg: #171717;--input-border: #2E2E2E;--input-focus-border: #3ECF8E;--success-color: #3ECF8E;--success-bg: rgba(62, 207, 142, .1);--error-color: #F87171;--error-bg: rgba(248, 113, 113, .1);--box-shadow-card: 0 4px 30px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .05);--box-shadow-auth: 0 20px 50px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .05);--box-shadow-glow: 0 8px 30px rgba(62, 207, 142, .12);--status-green: #3ECF8E;--status-green-bg: rgba(62, 207, 142, .12);--status-blue: #60A5FA;--status-blue-bg: rgba(96, 165, 250, .12);--status-amber: #F59E0B;--status-amber-bg: rgba(245, 158, 11, .12);--status-purple: #A78BFA;--status-purple-bg: rgba(167, 139, 250, .12);--status-red: #F87171;--status-red-bg: rgba(248, 113, 113, .12);--status-gray: #A0A0A0;--status-gray-bg: rgba(160, 160, 160, .12);--btn-primary-text: #111111}.light-theme{--bg-color: #F8FAFC;--bg-secondary: #F1F5F9;--card-bg: #FFFFFF;--card-border: #E2E8F0;--card-border-hover: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--accent-color: #10B981;--accent-hover: #059669;--accent-glow: rgba(16, 185, 129, .08);--btn-secondary-bg: #F8FAFC;--btn-secondary-border: #E2E8F0;--btn-secondary-text: #0F172A;--divider: #E2E8F0;--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-focus-border: #10B981;--success-color: #10B981;--success-bg: rgba(16, 185, 129, .08);--box-shadow-card: 0 8px 20px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .02);--box-shadow-auth: 0 20px 40px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .02);--box-shadow-glow: 0 8px 30px rgba(16, 185, 129, .06);--status-green: #10B981;--status-green-bg: rgba(16, 185, 129, .08);--status-blue: #3B82F6;--status-blue-bg: rgba(59, 130, 246, .08);--status-amber: #D97706;--status-amber-bg: rgba(217, 119, 6, .08);--status-purple: #7C3AED;--status-purple-bg: rgba(124, 58, 237, .08);--status-red: #EF4444;--status-red-bg: rgba(239, 68, 68, .08);--status-gray: #475569;--status-gray-bg: rgba(71, 85, 105, .08);--btn-primary-text: #ffffff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .25s ease,color .25s ease;min-height:100vh;overflow-x:hidden}.grid-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-size:40px 40px;background-image:linear-gradient(to right,var(--text-muted) 1px,transparent 1px),linear-gradient(to bottom,var(--text-muted) 1px,transparent 1px);pointer-events:none;z-index:1}.radial-glow{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(62,207,142,.08) 0%,transparent 70%);pointer-events:none;z-index:1}@keyframes float-s{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes float-m{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-.5deg)}}@keyframes fade-up{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-float-1{animation:float-s 7s ease-in-out infinite}.animate-float-2{animation:float-m 6s ease-in-out infinite}.animate-fade-up{animation:fade-up .5s cubic-bezier(.16,1,.3,1) forwards}.supabase-panel{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:var(--box-shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.supabase-panel:hover{border-color:var(--card-border-hover)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;width:100%;position:fixed;top:0;left:0;z-index:999;background-color:#121212cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.light-theme .nav-container{background-color:#fafafacc}.brand-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--text-primary);cursor:pointer}.brand-dot{width:14px;height:14px;background-color:var(--accent-color);border-radius:3px;transform:rotate(45deg);box-shadow:0 0 8px var(--accent-glow)}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s ease;cursor:pointer}.nav-link:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle-btn{background:none;border:1px solid var(--card-border);width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .15s ease}.theme-toggle-btn:hover{background-color:var(--btn-secondary-bg);border-color:var(--card-border-hover)}.btn-primary{background-color:var(--accent-color);color:#121212!important;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary-icon{width:12px;height:12px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block;flex-shrink:0}.btn-primary:hover .btn-primary-icon{transform:translate(2px)}.btn-secondary{background-color:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);padding:8px 18px;border-radius:6px;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.btn-secondary:hover{background-color:#ffffff0d;border-color:var(--card-border-hover)}.light-theme .btn-secondary:hover{background-color:#00000008}.auth-split-container{display:flex;min-height:100vh;width:100vw}.auth-sidebar{flex:.6;background-color:var(--bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:space-between;padding:60px;color:var(--text-primary);position:relative;overflow:hidden}.auth-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative;background-color:var(--bg-color)}.auth-form-card{width:100%;max-width:420px;padding:32px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-auth)}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px;text-align:left}.form-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.input-field{width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;padding:10px 14px;color:var(--text-primary);font-size:13.5px;transition:all .15s ease;outline:none}.input-field:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--accent-glow)}.toggle-switch-container{display:inline-flex;background-color:var(--btn-secondary-bg);border:1px solid var(--card-border);padding:4px;border-radius:8px;gap:4px;margin-bottom:40px}.toggle-switch-btn{background:none;border:none;padding:6px 14px;border-radius:4px;font-size:12.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.toggle-switch-btn.active{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border)}.feature-card{padding:24px;text-align:left;border-radius:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow-glow);transform:translateY(-2px)}.pricing-card-highlighted{border:1px solid var(--accent-color)!important;box-shadow:var(--box-shadow-glow)!important}.pricing-badge{background-color:#3ecf8e26;color:var(--accent-color);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;border:1px solid rgba(62,207,142,.3);position:absolute;top:-11px;left:30px}.live-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background-color:#3ecf8e0f;border:1px solid rgba(62,207,142,.2);font-size:11px;font-weight:600;color:var(--accent-color)}.live-dot{width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #3ecf8eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #3ecf8e00}to{transform:scale(.95);box-shadow:0 0 #3ecf8e00}}@keyframes floatA{0%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}to{transform:translateY(0) rotate(-.5deg)}}@keyframes floatB{0%{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-16px) rotate(-.5deg)}to{transform:translateY(0) rotate(.5deg)}}@keyframes floatC{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.2}}@keyframes nodePulse{0%{box-shadow:0 0 #3ecf8e80}70%{box-shadow:0 0 0 6px #3ecf8e00}to{box-shadow:0 0 #3ecf8e00}}@keyframes lineFlow{0%{background-position:0 0}to{background-position:200% 0}}.animate-float-1{animation:floatA 6s ease-in-out infinite}.animate-float-2{animation:floatB 7s ease-in-out infinite .8s}.animate-float-3{animation:floatC 5.5s ease-in-out infinite 1.6s}.animate-float-4{animation:floatB 6.5s ease-in-out infinite .4s}.animate-float-5{animation:floatA 7.5s ease-in-out infinite 1.2s}.animate-float-6{animation:floatC 6s ease-in-out infinite 2s}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;padding:160px 5% 80px;min-height:80vh;width:100%;overflow:hidden}.hero-section.hero-centered{display:flex;align-items:center;justify-content:center;padding:160px 5% 80px;min-height:auto;position:relative;overflow:visible}@media (max-width: 768px){.hero-section.hero-centered{padding:120px 5% 60px}.hero-section{padding:120px 5% 60px;min-height:auto}}.hero-content--centered{position:relative;z-index:20;text-align:center;align-items:center;display:flex;flex-direction:column;max-width:720px;width:100%}.hero-content{flex:1.1;min-width:300px;text-align:left;z-index:10;display:flex;flex-direction:column;align-items:flex-start}.hero-title{font-size:clamp(40px,6vw,68px);font-weight:800;line-height:1.05;margin:0 0 20px;letter-spacing:-.035em;color:#fff}.hero-title--centered{text-align:center;max-width:800px}.hero-title-gradient{background:linear-gradient(135deg,#3ecf8e,#29a26a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-title-break{display:none}@media (max-width: 600px){.hero-title-break{display:none}}.light-theme .hero-title{color:#111}.hero-subtitle{font-size:clamp(15px,2.5vw,17.5px);color:var(--text-secondary);line-height:1.6;margin:0 0 35px;text-align:center}.hero-btn-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.hero-btn-group--centered{justify-content:center;margin-bottom:32px}.hero-badge-wrap{position:relative;margin:0 auto 24px;display:inline-flex}.hero-badge{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary);background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.hero-badge-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:30px;background:linear-gradient(90deg,transparent,rgba(62,207,142,.4),transparent);filter:blur(8px);opacity:.5;z-index:1}.btn-primary--glow{box-shadow:0 0 20px #3ecf8e4d;transition:box-shadow .25s,transform .25s}.btn-primary--glow:hover{box-shadow:0 0 30px #3ecf8e80;transform:translateY(-1px)}.btn-secondary--glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary--glass:hover{background:#ffffff1a}.hero-glow-blob{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.15;pointer-events:none}.hero-glow-blob--1{top:10%;left:20%;width:400px;height:400px;background:var(--accent-color)}.hero-glow-blob--2{bottom:20%;right:15%;width:350px;height:350px;background:#60a5fa}@media (max-width: 768px){.hero-glow-blob--1{width:250px;height:250px;top:5%;left:10%}.hero-glow-blob--2{width:200px;height:200px;bottom:10%;right:5%}}.hero-brand-strip--centered{margin-top:40px;border-top:1px solid var(--divider);padding-top:24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;opacity:.65}.hero-brand-strip-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hero-brand-logos-row{display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.hero-float-card{position:absolute;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px 18px;width:224px;text-align:left;box-shadow:0 1px 3px #00000024,0 6px 20px #0000003d,0 18px 44px #00000029,0 0 0 .5px #3ecf8e1a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:15}.hero-float-card:hover{box-shadow:0 2px 4px #0000001a,0 10px 28px #0003,0 24px 56px #0000001f,0 0 22px #3ecf8e29,0 0 0 1px #3ecf8e4d;border-color:#3ecf8e61}.light-theme .hero-float-card{box-shadow:0 1px 2px #00000012,0 4px 14px #00000017,0 16px 38px #00000012,0 0 0 .5px #3ecf8e1f}.light-theme .hero-float-card:hover{box-shadow:0 1px 2px #0000000f,0 6px 18px #0000001a,0 20px 44px #00000014,0 0 22px #3ecf8e21,0 0 0 1px #3ecf8e40;border-color:#3ecf8e59}.hero-float-card--tl{top:16%;left:3%}.hero-float-card--ml{top:calc(50% - 90px);left:1%}.hero-float-card--bl{bottom:12%;left:4%}.hero-float-card--tr{top:14%;right:3%}.hero-float-card--mr{top:calc(50% - 90px);right:1%}.hero-float-card--br{bottom:10%;right:4%}@media (max-width: 1200px){.hero-float-card{transform:scale(.85)}}@media (max-width: 992px){.hero-float-card{display:none}}.hfc-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:10px}.hfc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hfc-dot--green{background-color:#3ecf8e}.hfc-dot--blue{background-color:#60a5fa}.hfc-dot--orange{background-color:#f97316}.hfc-dot--purple{background-color:#a78bfa}.hfc-dot--blink{animation:dotBlink 1.5s ease-in-out infinite}.hfc-value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px}.hfc-value-unit{font-size:13px;font-weight:500;color:var(--text-muted)}.hfc-meta{font-size:10.5px;color:var(--text-muted);margin-top:10px}.hfc-sparkline{width:100%;height:32px;display:block}.hfc-node-diagram{display:flex;flex-direction:column;gap:4px;margin:4px 0}.hfc-node{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-secondary);font-weight:600}.hfc-node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:nodePulse 2s ease-in-out infinite}.hfc-node-dot--blue{background-color:#60a5fa}.hfc-node-dot--green{background-color:#3ecf8e}.hfc-node-dot--purple{background-color:#a78bfa;animation-delay:.5s}.hfc-node-line{height:14px;display:flex;align-items:center;margin-left:3px;padding-left:1px;border-left:1px dashed var(--card-border)}.hfc-node-line-inner{height:2px;width:50px;background:repeating-linear-gradient(90deg,#3ECF8E 0px,#3ECF8E 4px,transparent 4px,transparent 10px);background-size:10px;animation:lineFlow 2s linear infinite}.hfc-rfid-row{display:flex;align-items:center;gap:10px;margin:6px 0}.hfc-rfid-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3ecf8e,#1ea569);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#121212;flex-shrink:0}.hfc-rfid-name{font-size:13px;font-weight:700;color:var(--text-primary)}.hfc-rfid-badge{font-size:10.5px;color:#3ecf8e;font-weight:600;margin-top:2px}.hfc-log-lines{display:flex;flex-direction:column;gap:5px}.hfc-log-line{display:flex;align-items:center;gap:8px}.hfc-log-ts{font-size:10px;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;flex-shrink:0}.hfc-log-evt{font-size:10.5px;font-weight:600;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hfc-log-evt--green{color:#3ecf8e}.hfc-log-evt--orange{color:#f97316}.hfc-gauge-wrap{display:flex;align-items:center;gap:14px;margin:6px 0}.hfc-gauge-svg{flex-shrink:0}.hfc-gauge-meta{display:flex;flex-direction:column;gap:4px}.hfc-gauge-label{font-size:10.5px;color:var(--text-secondary)}.hfc-traffic-bars{display:flex;align-items:flex-end;gap:3px;height:36px;margin:8px 0}.hfc-traffic-bar{flex:1;background-color:#3ecf8e33;border-radius:2px;transition:height .3s ease}.hfc-traffic-bar--accent{background-color:#3ecf8e}.feature-section{padding:100px 6%;text-align:center;border-top:1px solid var(--divider);position:relative;z-index:10}.feature-sec-title{font-size:36px;font-weight:800;margin-bottom:10px;letter-spacing:-.025em;color:var(--text-primary)}.feature-sec-subtitle{font-size:15.5px;color:var(--text-secondary);margin-bottom:60px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1200px;margin:0 auto}.feature-icon{margin-bottom:16px;display:inline-flex}.feature-card-title{font-size:17px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.feature-card-text{font-size:13.5px;color:var(--text-secondary);line-height:1.5}.pricing-section{padding:80px 6% 120px;text-align:center;border-top:1px solid var(--divider);position:relative;z-index:10}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1050px;margin:0 auto}.pricing-card{padding:36px 28px;text-align:left;display:flex;flex-direction:column;min-height:440px}.pricing-card-title{font-size:19px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.pricing-card-price{font-size:34px;font-weight:800;margin-bottom:24px;letter-spacing:-.025em;color:var(--text-primary)}.pricing-price-period{font-size:13.5px;font-weight:500;color:var(--text-muted)}.pricing-features-list{list-style:none;padding:0;margin:0 0 36px;display:flex;flex-direction:column;gap:12px;font-size:13.5px;color:var(--text-secondary)}.footer-container{display:flex;justify-content:space-between;align-items:center;padding:40px 6%;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--divider);flex-wrap:wrap;gap:20px;position:relative;z-index:10}@media (max-width: 900px){.auth-sidebar{display:none!important}.auth-form-container{flex:1!important;width:100%!important;padding:24px!important}.auth-form-card{padding:24px}}@media (max-width: 768px){.nav-links{display:none!important}.nav-container{padding:12px 16px}.brand-logo span{font-size:16px}.nav-actions{gap:8px}.btn-secondary,.btn-primary{padding:6px 12px;font-size:12px}.hero-section.hero-centered{flex-direction:column;padding:110px 20px 60px;align-items:center;justify-content:flex-start;gap:0}.hero-content--centered{width:100%;max-width:100%;position:relative;z-index:20;margin-bottom:32px}.hero-float-card{position:static!important;transform:none!important;width:100%;max-width:380px;animation:none!important}.hero-section.hero-centered:after{content:none}.hero-float-card--tl,.hero-float-card--ml,.hero-float-card--bl,.hero-float-card--tr,.hero-float-card--mr,.hero-float-card--br{position:static!important;transform:none!important;animation:none!important;width:calc(50% - 8px);max-width:none;flex-shrink:0}.hero-section.hero-centered{flex-wrap:wrap}.hero-title{font-size:42px}.hero-title--centered{font-size:44px}.hero-subtitle{font-size:15px;margin-bottom:24px}.hero-btn-group{justify-content:center;width:100%}.feature-section{padding:60px 20px}.feature-sec-title{font-size:28px}.feature-sec-subtitle{margin-bottom:40px}.pricing-section{padding:60px 20px 80px}}@media (max-width: 480px){.hero-title--centered{font-size:36px}.desktop{display:none!important}.hero-float-card{width:100%!important;animation:none!important;transform:none!important}.pricing-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1200px){.hero-float-card{width:200px;padding:13px 15px}.hero-title--centered{font-size:52px}.hero-float-card--tl{top:14%;left:1%}.hero-float-card--ml{top:calc(50% - 80px);left:0%}.hero-float-card--bl{bottom:10%;left:1%}.hero-float-card--tr{top:14%;right:1%}.hero-float-card--mr{top:calc(50% - 80px);right:0%}.hero-float-card--br{bottom:10%;right:1%}}.dashboard-mockup{width:100%;background-color:#1c1c1c;border:1px solid var(--card-border);border-radius:12px;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080;font-family:inherit;text-align:left}.light-theme .dashboard-mockup{background-color:#fff;box-shadow:0 20px 40px #00000014}.dashboard-sidebar{width:50px;background-color:#141414;border-right:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:20px;flex-shrink:0}.light-theme .dashboard-sidebar{background-color:#f5f5f5}.dashboard-sidebar-icon{width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.dashboard-sidebar-icon:hover,.dashboard-sidebar-icon.active{color:var(--accent-color)}.dashboard-body{flex:1;display:flex;flex-direction:column;padding:24px;background-color:#171717;overflow:hidden}.light-theme .dashboard-body{background-color:#fafafa}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--divider);padding-bottom:16px}.dashboard-header-left h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.dashboard-url-box{display:flex;align-items:center;gap:8px;background-color:#121212;border:1px solid var(--card-border);border-radius:4px;padding:4px 8px;font-size:11.5px;color:var(--text-secondary)}.light-theme .dashboard-url-box{background-color:#eee}.dashboard-layout-main{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.dashboard-left-panel{flex:1.3;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-width:280px}.dashboard-right-panel{flex:1;min-width:280px}.dashboard-stats-card{background-color:#1c1c1c;border:1px solid var(--card-border);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.light-theme .dashboard-stats-card{background-color:#fff}.dashboard-stats-icon-wrap{width:36px;height:36px;border-radius:6px;background-color:#3ecf8e1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-db-card{background-color:#1c1c1c;border:1px solid var(--card-border);border-radius:8px;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-left:3px solid var(--accent-color);min-height:160px}.light-theme .dashboard-db-card{background-color:#fff}.dashboard-requests-sec{border-top:1px solid var(--divider);padding-top:20px}.dashboard-requests-header{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.dashboard-requests-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-request-card{background-color:#1c1c1c;border:1px solid var(--card-border);border-radius:6px;padding:14px}.light-theme .dashboard-request-card{background-color:#fff}.dashboard-request-graph{height:32px;display:flex;align-items:flex-end;gap:3px;margin-top:12px}.dashboard-request-bar{flex:1;background-color:var(--card-border);border-radius:1px}.dashboard-request-bar.filled{background-color:var(--accent-color)}.frameworks-section{padding:80px 6%;text-align:center;border-top:1px solid var(--divider);position:relative;z-index:10}.frameworks-title{font-size:32px;font-weight:800;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.02em}.frameworks-subtitle{font-size:15.5px;color:var(--text-secondary);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.frameworks-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;max-width:900px;margin:0 auto}.framework-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.framework-card:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow-glow);transform:translateY(-3px)}.hero-brand-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px;width:100%;margin-top:50px;opacity:.6;border-top:1px solid var(--divider);padding-top:30px}.hero-brand-logo{font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;display:flex;align-items:center;gap:8px}.templates-section{padding:100px 6%;text-align:center;border-top:1px solid var(--divider);background-color:var(--bg-secondary);position:relative;z-index:10}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:40px auto 0}.template-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:24px;text-align:left;display:flex;flex-direction:column;min-height:220px;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.template-card:hover{border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-card)}.template-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.template-card-icon-wrap{width:32px;height:32px;border-radius:6px;border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.template-card-title{font-size:15px;font-weight:700;color:var(--text-primary)}.template-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;flex:1}.template-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);border-top:1px solid var(--divider);padding-top:12px}.footer-grid-container{background-color:var(--bg-color);border-top:1px solid var(--divider);padding:80px 6% 40px;position:relative;z-index:10}.footer-main-grid{display:grid;grid-template-columns:1.25fr 3fr;gap:60px;max-width:1200px;margin:0 auto 60px}.footer-brand-sec{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.footer-social-row{display:flex;gap:16px;margin:20px 0}.footer-social-icon{color:var(--text-muted);cursor:pointer;transition:color .15s ease;display:inline-flex}.footer-social-icon:hover{color:var(--text-primary)}.footer-newsletter-wrap{margin-top:24px;width:100%}.footer-newsletter-title{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.footer-newsletter-input-group{display:flex;gap:8px;width:100%;max-width:320px}.footer-newsletter-input{flex:1;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;padding:6px 12px;color:var(--text-primary);font-size:13px;outline:none}.footer-newsletter-input:focus{border-color:var(--accent-color)}.footer-menu-columns{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;text-align:left}.footer-menu-header{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.footer-menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-menu-link{font-size:12.5px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color .15s ease}.footer-menu-link:hover{color:var(--text-primary)}@media (max-width: 1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}.footer-main-grid{grid-template-columns:1fr;gap:40px}.footer-menu-columns{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width: 900px){.dashboard-mockup{flex-direction:column}.dashboard-sidebar{width:100%;height:48px;flex-direction:row;justify-content:center;border-right:none;border-bottom:1px solid var(--card-border);padding:0 16px}}@media (max-width: 768px){.dashboard-requests-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.templates-grid{grid-template-columns:1fr}.footer-menu-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-layout-main{flex-direction:column}.dashboard-left-panel,.dashboard-requests-grid{grid-template-columns:1fr}}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:background .15s,color .15s}.btn-ghost:hover{background:var(--btn-secondary-bg);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:11px 22px;font-size:15px}.btn-icon{display:inline-flex;align-items:center}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-muted);display:flex;align-items:center;pointer-events:none}.input-field--with-icon{padding-left:38px}.input-field--error{border-color:var(--error-color)!important}.input-field--error:focus{box-shadow:0 0 0 3px #f8717126!important}.input-error-text{font-size:12px;color:var(--error-color);margin-top:4px}.input-password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:4px;transition:color .15s}.input-password-toggle:hover{color:var(--text-secondary)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23707070' 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:32px}select.input-field option{background-color:var(--card-bg);color:var(--text-primary)}.alert{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:8px;font-size:13px;line-height:1.5;margin-bottom:14px;border:1px solid;position:relative;z-index:1500}.alert--error{background:var(--error-bg);border-color:#f871714d;color:var(--error-color)}.alert--success{background:var(--success-bg);border-color:#3ecf8e4d;color:var(--success-color)}.alert--warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.alert--info{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}.alert-icon{display:flex;align-items:center;flex-shrink:0;margin-top:1px}.alert-message{flex:1}.alert-dismiss{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:0;display:flex;align-items:center;margin-left:auto;flex-shrink:0;transition:opacity .15s}.alert-dismiss:hover{opacity:1}.mb-3{margin-bottom:12px}.spinner{display:inline-block;border:2.5px solid rgba(62,207,142,.2);border-radius:50%;border-top-color:var(--accent-color);animation:spin .7s linear infinite}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.page-loader-text{color:var(--text-muted);font-size:14px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider-line{flex:1;height:1px;background:var(--card-border)}.auth-divider-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;white-space:nowrap}.nav-links--desktop{display:flex}.nav-dropdown-wrap{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:8px;min-width:280px;z-index:200;box-shadow:var(--box-shadow-card);animation:fadeDown .15s ease}@keyframes fadeDown{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;text-decoration:none;color:var(--text-primary);transition:background .15s}.nav-dropdown-item:hover{background:var(--btn-secondary-bg)}.nav-dropdown-icon{font-size:18px;margin-top:1px;flex-shrink:0}.nav-dropdown-label{font-size:13.5px;font-weight:600;margin-bottom:2px}.nav-dropdown-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px}.nav-mobile-drawer{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--card-border);padding:12px 20px 20px;z-index:200;box-shadow:0 8px 30px #0000004d;flex-direction:column;gap:2px}.nav-mobile-link{display:block;padding:11px 12px;font-size:14px;color:var(--text-primary);text-decoration:none;border-radius:6px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s;font-family:inherit}.nav-mobile-link:hover{background:var(--btn-secondary-bg)}.nav-mobile-link--accent{color:var(--accent-color);font-weight:600}.nav-mobile-divider{height:1px;background:var(--card-border);margin:8px 0}@media (max-width: 880px){.nav-links--desktop{display:none}.nav-hamburger,.nav-mobile-drawer{display:flex}}.auth-sidebar-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.auth-sidebar-badge{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-secondary);background:#3ecf8e14;border:1px solid rgba(62,207,142,.2);padding:4px 10px;border-radius:20px;margin-bottom:24px;align-self:flex-start}.auth-sidebar-heading{font-size:34px;font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px}.auth-sidebar-sub{color:var(--text-secondary);font-size:14.5px;line-height:1.65;margin-bottom:28px}.auth-sidebar-features{display:flex;flex-direction:column;gap:10px}.auth-sidebar-feat{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.auth-sidebar-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.auth-status-badge{display:inline-flex;align-items:center;gap:6px}.auth-top-controls{position:absolute;top:24px;right:32px;display:flex;gap:16px;align-items:center}.auth-back-link{font-size:13px;color:var(--text-secondary);cursor:pointer;font-weight:500;text-decoration:none;transition:color .15s}.auth-back-link:hover{color:var(--text-primary)}.auth-form-title{font-size:26px;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}.auth-form-subtitle{color:var(--text-secondary);font-size:13.5px;margin-bottom:24px}.auth-link{color:var(--accent-color);cursor:pointer;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-social-row{display:flex;gap:10px;margin-bottom:4px}.auth-social-btn{flex:1;justify-content:center;font-size:12.5px;padding:8px 10px}.auth-forgot-row{display:flex;justify-content:flex-end;margin:-4px 0 12px}.auth-icon-circle{width:52px;height:52px;border-radius:50%;background:#3ecf8e1a;border:1px solid rgba(62,207,142,.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.twofa-type-row{display:flex;gap:8px;margin-bottom:20px}.twofa-type-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:12.5px;font-weight:500;cursor:pointer;border:1px solid var(--card-border);background:var(--btn-secondary-bg);color:var(--text-secondary);transition:all .15s}.twofa-type-btn--active{border-color:var(--accent-color);color:var(--accent-color);background:#3ecf8e0f}.otp-inputs-row{display:flex;gap:10px;justify-content:center;margin:8px 0}.otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;border-radius:8px;border:1.5px solid var(--card-border);background:var(--input-bg);color:var(--text-primary);caret-color:var(--accent-color);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.otp-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.otp-input--filled{border-color:#3ecf8e66}.twofa-resend-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.fs-root{padding:80px 24px;max-width:1200px;margin:0 auto}.fs-header{text-align:center;margin-bottom:48px}.fs-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);background:var(--btn-secondary-bg);border:1px solid var(--card-border);padding:4px 14px;border-radius:20px;margin-bottom:20px}.fs-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.fs-title{font-size:38px;font-weight:800;line-height:1.15;letter-spacing:-.5px;margin-bottom:16px}.fs-title-accent{color:var(--accent-color)}.fs-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.fs-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}@media (max-width: 900px){.fs-body{grid-template-columns:1fr}}.fs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 500px){.fs-grid{grid-template-columns:1fr}}.fs-card{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;cursor:pointer;overflow:hidden;transition:all .25s ease;font-family:inherit}.fs-card:hover:not(.fs-card--active){border-color:var(--card-border-hover);background:var(--btn-secondary-bg)}.fs-card--active{background:var(--bg-secondary);z-index:2}.fs-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fs-card-top{display:flex;align-items:center;gap:12px;margin-bottom:24px;position:relative;z-index:1}.fs-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid;transition:all .25s ease}.fs-card-tag{font-size:11px;font-weight:700;letter-spacing:.08em;transition:color .25s}.fs-card-active-dot{position:absolute;top:4px;right:0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.fs-card-label{font-size:16px;font-weight:700;line-height:1.3;margin-top:auto;position:relative;z-index:1;transition:color .25s}.fs-card-bar{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.fs-detail{position:relative;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.fs-detail-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.fs-detail-inner{position:relative;z-index:1;padding:48px;flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.fs-detail-inner{padding:32px 24px}}.fs-detail-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px}.fs-detail-icon-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;border:1px solid}.fs-detail-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:20px;border:1px solid}.fs-detail-title{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px}.fs-detail-desc{font-size:15.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.fs-caps-label{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px}.fs-caps-list{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:40px}@media (min-width: 1100px){.fs-caps-list{grid-template-columns:1fr 1fr}}.fs-cap-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary);font-weight:500}.fs-cap-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid;flex-shrink:0}.fs-detail-cta{margin-top:auto;display:flex;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--divider)}.fs-detail-step{font-size:13px;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}.fs-step-dots{display:flex;gap:6px;margin-left:auto}.fs-step-dot{width:8px;height:8px;border-radius:4px;background:var(--card-border);border:none;cursor:pointer;transition:all .25s ease}.fs-step-dot:hover:not(.fs-step-dot--active){background:var(--text-muted)}.fs-step-dot--active{background:var(--accent-color)}.framework-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);cursor:pointer;transition:border-color .2s,box-shadow .2s}.framework-card:hover{border-color:var(--card-border-hover);box-shadow:var(--box-shadow-glow)}.framework-card-label{font-size:11.5px;color:var(--text-secondary);font-weight:500}.footer-bottom-bar{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);max-width:1200px;margin:0 auto;border-top:1px solid var(--divider);padding-top:24px}.dash-root{display:flex;min-height:100vh;background:var(--bg-color);position:relative}.dash-sidebar{width:240px;min-height:100vh;background:var(--bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .25s ease}.dash-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--card-border)}.dash-sidebar-close{display:none;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px}.dash-nav{flex:1;padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.dash-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;font-size:13.5px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background .15s,color .15s;font-weight:500}.dash-nav-item:hover{background:var(--card-bg);color:var(--text-primary)}.dash-nav-item--active{background:#3ecf8e1a;color:var(--accent-color)!important}.dash-sidebar-bottom{padding:14px 12px;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:10px}.dash-user-card{display:flex;align-items:center;gap:10px;padding:8px 4px}.dash-user-avatar{width:36px;height:36px;border-radius:50%;background:#3ecf8e26;color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;border:1px solid rgba(62,207,142,.3)}.dash-user-avatar--sm{width:32px;height:32px;font-size:12px;cursor:pointer}.dash-user-info{overflow:hidden}.dash-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-role{font-size:11.5px;color:var(--text-muted)}.dash-logout-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:background .15s,color .15s;width:100%;text-align:left;font-family:inherit;font-weight:500}.dash-logout-btn:hover{background:#f871711a;color:var(--error-color)}.dash-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.dash-main{flex:1;margin-left:0;display:flex;flex-direction:column;min-height:100vh}.dash-topbar{height:61px!important;border-bottom:1px solid var(--card-border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px;position:sticky;top:0;z-index:50}.dash-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px}.dash-topbar-left .dash-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.dash-topbar-right{display:flex;align-items:center;gap:12px}.dash-icon-btn{position:relative;background:none;border:1px solid var(--card-border);border-radius:7px;padding:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:border-color .15s,color .15s}.dash-icon-btn:hover{border-color:var(--card-border-hover);color:var(--text-primary)}.dash-icon-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;font-size:9px;font-weight:700;background:var(--accent-color);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}.dash-content{flex:1;padding:28px 28px 48px;overflow-y:auto}.dash-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.dash-page-title{font-size:24px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.dash-page-subtitle{font-size:14px;color:var(--text-secondary)}.dash-page-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.dash-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#3ecf8e0f;border:1px solid rgba(62,207,142,.2);font-size:13.5px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.dash-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:border-color .2s,box-shadow .2s}.dash-stat-card:hover{border-color:var(--card-border-hover);box-shadow:var(--box-shadow-card)}.dash-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dash-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.dash-stat-delta{font-size:11.5px;color:var(--text-muted);text-align:right;max-width:100px;line-height:1.4}.dash-stat-value{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.dash-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.dash-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.dash-lower-grid{grid-template-columns:1fr}}.dash-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:22px}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dash-card-title{font-size:15px;font-weight:700}.dash-activity-list{display:flex;flex-direction:column;gap:4px}.dash-activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--divider)}.dash-activity-item:last-child{border-bottom:none}.dash-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.dash-activity-body{flex:1}.dash-activity-text{font-size:13.5px;color:var(--text-primary);display:block;line-height:1.4}.dash-activity-time{font-size:11.5px;color:var(--text-muted);margin-top:2px;display:block}.dash-quick-list{display:flex;flex-direction:column;gap:4px}.dash-quick-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:13.5px;font-weight:500;transition:background .15s;cursor:pointer}.dash-quick-item:hover{background:var(--bg-secondary)}.dash-quick-icon{font-size:18px;flex-shrink:0}.dash-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px}.dash-badge--green{background:#3ecf8e1a;color:var(--accent-color);border:1px solid rgba(62,207,142,.2)}.dash-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dash-info-item{display:flex;flex-direction:column;gap:4px}.dash-info-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.dash-info-value{font-size:14px;color:var(--text-primary);font-weight:500}@media (max-width: 768px){.dash-sidebar{transform:translate(-100%);width:280px}.dash-sidebar--open{transform:translate(0)}.dash-sidebar-close{display:flex}.dash-overlay{display:block}.dash-main{margin-left:0}.dash-hamburger{display:flex}.dash-content{padding:20px 16px 40px}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-page-header{flex-direction:column}}@media (max-width: 480px){.dash-stats-grid{grid-template-columns:1fr}.otp-inputs-row{gap:8px}.otp-input{width:42px;height:50px;font-size:20px}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-content{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}.register-card{max-width:500px!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#1c1c1ccc!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 40px #00000059,0 0 30px #3ecf8e08!important;transition:all .3s cubic-bezier(.16,1,.3,1)}.light-theme .register-card{background:#ffffffd9!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 10px 40px #0f172a0f,0 0 30px #10b98108!important}.futuristic-stepper{display:flex;justify-content:space-between;position:relative;margin-bottom:32px;padding:0 10px}.stepper-track{position:absolute;top:18px;left:30px;right:30px;height:2px;background-color:var(--card-border);z-index:1}.stepper-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),#00F2FE);transition:width .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 10px var(--accent-glow)}.stepper-node{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative;transition:all .3s ease}.node-icon-wrapper{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--card-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.stepper-node.active .node-icon-wrapper{border-color:var(--accent-color);color:var(--accent-color);background:var(--card-bg);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.05)}.stepper-node.completed .node-icon-wrapper{border-color:var(--accent-color);color:#111;background:var(--accent-color);box-shadow:0 0 8px var(--accent-glow)}.node-label{font-size:10.5px;font-weight:600;color:var(--text-muted);margin-top:6px;transition:color .3s ease}.stepper-node.active .node-label{color:var(--text-primary)}.stepper-node.completed .node-label{color:var(--accent-color)}.account-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}@media (max-width: 480px){.account-type-grid{grid-template-columns:1fr}}.account-type-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 12px;background:#ffffff05;border:1px solid var(--card-border);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.light-theme .account-type-card{background:#0f172a05}.account-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);transform:translate(-100%);transition:transform .5s ease}.account-type-card:hover:before{transform:translate(100%)}.account-type-card:hover{border-color:#3ecf8e4d;background:#3ecf8e08;transform:translateY(-3px);box-shadow:0 8px 20px #00000040,0 0 12px #3ecf8e14}.light-theme .account-type-card:hover{border-color:#10b9814d;background:#10b98108;box-shadow:0 8px 20px #0f172a0f,0 0 12px #10b9810f}.account-type-card.selected{border-color:var(--accent-color);background:#3ecf8e0f;box-shadow:0 8px 24px #0000004d,0 0 15px #3ecf8e1f}.light-theme .account-type-card.selected{background:#10b9810f;box-shadow:0 8px 24px #0f172a0f,0 0 15px #10b9811a}.account-type-icon{width:44px;height:44px;border-radius:10px;background:#ffffff0a;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.03)}.light-theme .account-type-icon{background:#0f172a0a;border-color:#0f172a08}.account-type-card.selected .account-type-icon{background:var(--accent-color);color:#111;box-shadow:0 0 12px var(--accent-glow);transform:scale(1.05)}.account-type-card:hover .account-type-icon{color:var(--accent-color)}.account-type-content{display:flex;flex-direction:column;gap:2px}.account-type-label{margin:0;font-size:13.5px;font-weight:600;color:var(--text-primary)}.account-type-desc{margin:0;font-size:11.5px;color:var(--text-muted);line-height:1.35}.input-group-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px;text-align:left}.address-grid{display:flex;gap:16px}@media (max-width: 480px){.address-grid{flex-direction:column;gap:16px}}.registration-summary-card{background:#ffffff03;border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-bottom:4px}.light-theme .registration-summary-card{background:#0f172a05;border-color:#0f172a0f}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--card-border);padding-bottom:8px}.summary-card-badge{font-size:9px;font-weight:700;text-transform:uppercase;background:#3ecf8e1a;color:var(--accent-color);padding:2px 6px;border-radius:4px}.summary-card-title{margin:0;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.summary-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}.summary-card-item{display:flex;flex-direction:column;gap:2px}.summary-card-lbl{font-size:10.5px;color:var(--text-muted)}.summary-card-val{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card-val.text-accent{color:var(--accent-color)}.auth-actions-row{display:flex;gap:14px;margin-top:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-fade-in{animation:fadeIn .4s ease forwards;opacity:0}.animate-delay-1{animation-delay:40ms}.animate-delay-2{animation-delay:80ms}.animate-delay-3{animation-delay:.12s}.animate-delay-4{animation-delay:.16s}.animate-delay-5{animation-delay:.2s}.google-btn-wrapper{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;height:38px}#google-signin-btn{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1) both}.dash-root{display:flex;height:100vh;overflow:hidden;background:var(--bg-color)}.dash-sidebar{width:240px;min-width:240px;background:var(--bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;position:relative;z-index:50;overflow:hidden}.dash-root--collapsed .dash-sidebar{width:64px;min-width:64px}.dash-sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid var(--card-border);flex-shrink:0}.dash-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;overflow:hidden}.dash-brand-dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent-color),#30B078);flex-shrink:0}.dash-brand-name{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:-.3px}.dash-collapse-btn{background:none;border:1px solid var(--card-border);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:4px 6px;display:flex;align-items:center;flex-shrink:0;transition:all .15s}.dash-collapse-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.dash-nav{padding:12px 0}.dash-nav-group{margin-bottom:4px}.dash-nav-group-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:8px 16px 4px;white-space:nowrap;overflow:hidden}.dash-nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 8px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:all .15s ease;position:relative;white-space:nowrap;overflow:hidden}.dash-nav-item:hover{background:var(--accent-glow);color:var(--text-primary)}.dash-nav-item--active{background:var(--accent-glow);color:var(--accent-color)!important}.dash-nav-item--active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 2px 2px 0;background:var(--accent-color)}.dash-nav-icon{flex-shrink:0;display:flex;align-items:center}.dash-nav-label{flex:1}.dash-nav-badge{background:var(--accent-color);color:#111;font-size:10px;font-weight:700;padding:2px 6px;border-radius:100px;flex-shrink:0}.dash-sidebar-bottom{border-top:1px solid var(--card-border);padding:12px 14px;flex-shrink:0}.dash-user-mini{display:flex;align-items:center;gap:10px;overflow:hidden}.dash-user-mini-info{display:flex;flex-direction:column;overflow:hidden}.dash-user-mini-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-mini-role{font-size:11px;color:var(--text-muted);white-space:nowrap}.dash-avatar-sm{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#60A5FA);color:#111;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.dash-topbar{height:56px;border-bottom:1px solid var(--card-border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;gap:16px}.dash-topbar-left{display:flex;align-items:center;gap:12px}.dash-hamburger{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;display:none}.dash-topbar-breadcrumb{display:flex;align-items:center;gap:0;font-size:13px}.dash-bc-item{display:flex;align-items:center}.dash-bc-sep{margin:0 6px;color:var(--text-muted)}.dash-bc-prev{color:var(--text-muted)}.dash-bc-current{color:var(--text-primary);font-weight:600}.dash-topbar-right{display:flex;align-items:center;gap:8px}.dash-icon-btn{background:none;border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;transition:all .15s}.dash-icon-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.dash-icon-badge{position:absolute;top:-4px;right:-4px;background:#f87171;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:100px;min-width:16px;text-align:center}.dash-avatar-wrap{position:relative}.dash-avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--card-border);border-radius:8px;padding:4px 10px 4px 4px;cursor:pointer;color:var(--text-primary);transition:all .15s}.dash-avatar-btn:hover{border-color:var(--accent-color)}.dash-avatar-name{font-size:13px;font-weight:500}.dash-avatar-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;min-width:220px;box-shadow:var(--box-shadow-card);z-index:200;overflow:hidden;animation:fadeInUp .2s ease both}.dash-avatar-menu-header{padding:14px 16px;display:flex;flex-direction:column;gap:2px}.dash-avatar-menu-header strong{font-size:13px;font-weight:600;color:var(--text-primary)}.dash-avatar-menu-header span{font-size:11px;color:var(--text-muted)}.dash-role-chip{display:inline-block;font-size:10px;font-weight:600;background:var(--accent-glow);color:var(--accent-color);padding:2px 8px;border-radius:100px;margin-top:4px;width:fit-content}.dash-avatar-menu-divider{height:1px;background:var(--card-border);margin:0}.dash-avatar-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:all .1s}.dash-avatar-menu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dash-avatar-menu-item--danger:hover{color:#f87171;background:#f8717114}.dash-content{flex:1;overflow-y:auto}.dash-content-inner{padding:28px 28px 40px;max-width:1500px;margin:0 auto;width:100%}.dash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.4px}.page-subtitle{font-size:13px;color:var(--text-muted);margin:3px 0 0}.page-breadcrumb{display:flex;align-items:center;gap:4px;margin-bottom:4px}.page-breadcrumb-item{display:flex;align-items:center;font-size:12px}.page-breadcrumb-sep{margin:0 4px;color:var(--text-muted)}.page-breadcrumb-link{color:var(--text-muted)}.page-breadcrumb-current{color:var(--accent-color);font-weight:600}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-actions-group{display:flex;align-items:center;gap:8px}.section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;box-shadow:var(--box-shadow-card)}.section-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--card-border);gap:12px}.section-card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.section-card-subtitle{font-size:12px;color:var(--text-muted);margin:3px 0 0}.section-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.section-card-body{padding:22px}.section-card-footer{padding:14px 22px;border-top:1px solid var(--card-border)}.mt-4{margin-top:20px}.dash-notice{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--accent-glow);border:1px solid rgba(62,207,142,.2);border-radius:10px;font-size:13px;color:var(--text-secondary);margin-bottom:20px}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-color);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.2);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-danger:hover{background:#f8717133}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:all .25s ease;cursor:default;box-shadow:var(--box-shadow-card)}.stat-card:hover{border-color:var(--stat-color, var(--accent-color));transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stat-color, var(--accent-color));opacity:0;transition:opacity .25s}.stat-card:hover:before{opacity:1}.stat-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-card-icon-wrap{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-trend{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:100px}.stat-card-value{font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:6px}.stat-card-label{font-size:12px;color:var(--text-muted);font-weight:500}.data-table-wrap{width:100%}.data-table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table-head--sticky th{position:sticky;top:0;z-index:2}.data-table-th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--card-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table-th--sort{cursor:pointer}.data-table-th--sort:hover{color:var(--text-primary)}.data-table-row{border-bottom:1px solid var(--card-border);transition:background .1s}.data-table-row:hover{background:var(--bg-secondary)}.data-table-row--skeleton:hover{background:none}.data-table-td{padding:12px 16px;color:var(--text-secondary);vertical-align:middle}.data-table-td--actions{width:80px;text-align:right}.data-table-empty{padding:48px 16px}.data-table-empty-inner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--card-border);font-size:13px}.data-table-count{color:var(--text-muted)}.data-table-pages{display:flex;align-items:center;gap:4px}.page-btn{background:none;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:5px 10px;font-size:12px;min-width:32px;display:flex;align-items:center;justify-content:center;transition:all .1s}.page-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.page-btn--active{background:var(--accent-color);border-color:var(--accent-color);color:#111;font-weight:700}.page-btn:disabled{opacity:.35;cursor:not-allowed}.table-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.action-btn{background:none;border:1px solid var(--card-border);border-radius:6px;color:var(--text-muted);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .1s}.action-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.action-btn--primary{color:var(--accent-color);border-color:#3ecf8e4d;font-size:11px;font-weight:600;width:auto;padding:0 8px}.btn-pay{padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-pay--wallet{background-color:#10b9811a;color:var(--status-green);border:1px solid color-mix(in srgb,var(--status-green) 30%,transparent)}.btn-pay--wallet:hover{background-color:var(--status-green);color:#fff}.btn-pay--card{background-color:#3b82f61a;color:var(--status-blue);border:1px solid color-mix(in srgb,var(--status-blue) 30%,transparent)}.btn-pay--card:hover{background-color:var(--status-blue);color:#fff}.table-toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--card-border);flex-wrap:wrap}.toolbar-filters{display:flex;align-items:center;gap:8px}.search-bar-wrap{display:flex;align-items:center;gap:8px;flex:1}.search-bar{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:0 12px;min-width:200px;flex:1;max-width:360px;transition:border-color .15s}.search-bar:focus-within{border-color:var(--input-focus-border)}.search-bar-icon{color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.search-bar-input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;padding:8px 0;flex:1;width:100%}.search-bar-input::placeholder{color:var(--text-muted)}.search-bar-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.search-bar-clear:hover{color:var(--text-primary)}.search-bar-filters{display:flex;gap:8px}.filter-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:12px;padding:7px 10px;cursor:pointer;outline:none;transition:border-color .15s}.filter-select:focus{border-color:var(--input-focus-border)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tab-panel-header{display:flex;align-items:center;gap:2px;padding:8px 16px;border-bottom:1px solid var(--card-border);position:relative;overflow-x:auto;background:var(--bg-secondary)}.tab-indicator{position:absolute;bottom:0;height:2px;background:var(--accent-color);border-radius:2px 2px 0 0;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.tab-btn{display:flex;align-items:center;gap:7px;padding:9px 14px;background:none;border:none;border-radius:6px 6px 0 0;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn--active{color:var(--accent-color);font-weight:600}.tab-btn-icon{display:flex;align-items:center}.tab-content{padding:16px;animation:fadeInUp .2s ease both}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:480px;box-shadow:var(--box-shadow-auth);animation:fadeInUp .25s ease both}.modal-box--md{max-width:580px}.modal-box--lg{max-width:720px}.modal-header{display:flex;align-items:flex-start;gap:14px;padding:20px}.modal-icon{flex-shrink:0}.modal-title-row{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.modal-message{font-size:13px;color:var(--text-muted);margin:5px 0 0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:16px 20px 20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 20px}.modal-form{display:flex;flex-direction:column;gap:14px}.modal-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-hint{font-size:11px;color:var(--text-muted)}.form-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:13px;padding:9px 12px;outline:none;width:100%;transition:border-color .15s;font-family:inherit}.form-input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--accent-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-icon-wrap{position:relative}.input-icon-wrap .form-input{padding-right:38px}.input-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.checkbox-label input{accent-color:var(--accent-color);cursor:pointer}.computed-field{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:8px;font-size:13px;color:var(--text-muted)}.computed-field strong{color:var(--accent-color);font-size:15px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--toast-color, var(--accent-color));border-radius:10px;padding:12px 14px;min-width:280px;max-width:380px;box-shadow:var(--box-shadow-card);pointer-events:all;animation:slideInRight .3s ease both}.toast-icon{color:var(--toast-color);flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;font-size:13px;color:var(--text-primary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0}.toast-close:hover{color:var(--text-primary)}.skeleton-block,.skeleton-inline{background:linear-gradient(90deg,var(--card-border) 25%,var(--bg-secondary) 50%,var(--card-border) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-block{display:block;height:16px;width:100%}.skeleton-inline{display:inline-block;height:14px;width:80px}.dash-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.activity-feed{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.activity-body{flex:1;display:flex;flex-direction:column;gap:3px}.activity-text{font-size:13px;color:var(--text-secondary)}.activity-time{font-size:11px;color:var(--text-muted)}.view-all-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:600;color:var(--accent-color);text-decoration:none;transition:opacity .15s}.view-all-link:hover{opacity:.8}.quick-access-list{display:flex;flex-direction:column;gap:2px}.quick-access-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:13px;transition:all .12s}.quick-access-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.quick-access-icon{width:30px;height:30px;border-radius:7px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.quick-access-label{flex:1}.account-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.account-info-item{display:flex;flex-direction:column;gap:4px}.account-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.account-info-value{font-size:13px;color:var(--text-primary)}.live-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-color);font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);animation:pulse-dot 2s ease infinite}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-page-grid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.profile-summary-card{display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center;gap:8px}.profile-avatar-area{position:relative;cursor:pointer}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#60A5FA);color:#111;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid var(--card-border)}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s}.profile-avatar-area:hover .profile-avatar-overlay{opacity:1}.profile-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:4px 0 0}.profile-email{font-size:12px;color:var(--text-muted)}.profile-meta-list{width:100%;text-align:left;display:flex;flex-direction:column;gap:10px;margin-top:8px}.profile-meta-item{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.profile-meta-item div{display:flex;flex-direction:column}.meta-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.meta-val{font-size:12px;color:var(--text-primary);font-weight:500}.profile-verification-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}.verif-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:600}.verif-tag--ok{background:#3ecf8e1f;color:#3ecf8e;border:1px solid rgba(62,207,142,.2)}.verif-tag--fail{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.2)}.profile-section{display:flex;flex-direction:column;gap:16px}.profile-info-header{margin-bottom:4px}.profile-section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.profile-section-sub{font-size:12px;color:var(--text-muted);margin:0}.profile-form{display:flex;flex-direction:column;gap:14px}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-form-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:4px}.twofa-options{display:flex;flex-direction:column;gap:12px}.twofa-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:10px}.twofa-option-info{display:flex;align-items:center;gap:12px;color:var(--text-muted)}.twofa-option-info div{display:flex;flex-direction:column;gap:2px}.twofa-option-info strong{font-size:13px;color:var(--text-primary);font-weight:600}.twofa-option-info span{font-size:12px;color:var(--text-muted)}.notif-settings-list{display:flex;flex-direction:column;gap:8px}.notif-setting-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:10px;transition:border-color .15s}.notif-setting-icon{color:var(--accent-color);flex-shrink:0}.notif-setting-info{flex:1;display:flex;flex-direction:column;gap:2px}.notif-setting-info strong{font-size:13px;color:var(--text-primary);font-weight:600}.notif-setting-info span{font-size:11px;color:var(--text-muted)}.toggle-btn{width:44px;height:24px;border-radius:12px;background:var(--card-border);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle-btn--on{background:var(--accent-color)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-btn--on .toggle-knob{transform:translate(20px)}.kyc-status-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:10px}.kyc-status-icon{color:var(--accent-color)}.kyc-drop-zone{border:2px dashed var(--card-border);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted);font-size:13px;transition:all .15s;text-align:center}.kyc-drop-zone:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-glow)}.kyc-file-name{color:var(--text-primary);font-weight:500;font-size:13px}.kyc-hint{font-size:11px;color:var(--text-muted)}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:10px}.session-row--current{border-color:#3ecf8e4d}.session-icon{color:var(--text-muted);flex-shrink:0}.session-info{flex:1;display:flex;flex-direction:column;gap:3px}.session-info strong{font-size:13px;color:var(--text-primary);font-weight:600}.session-info span{font-size:11px;color:var(--text-muted)}.session-current-tag{display:inline-block;font-size:10px;font-weight:700;background:var(--accent-glow);color:var(--accent-color);padding:2px 8px;border-radius:100px;margin-top:2px;width:fit-content}.notif-feed{display:flex;flex-direction:column}.notif-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--card-border);cursor:pointer;transition:background .1s;position:relative}.notif-item:hover{background:var(--bg-secondary)}.notif-item--unread{background:#3ecf8e08}.notif-item:last-child{border-bottom:none}.notif-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-item-body{flex:1}.notif-item-message{font-size:13px;color:var(--text-primary);margin:0;line-height:1.4}.notif-item-time{font-size:11px;color:var(--text-muted);margin-top:3px;display:block}.notif-unread-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-tabs{display:flex;gap:4px}.filter-tab-btn{background:none;border:1px solid var(--card-border);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:500;transition:all .1s}.filter-tab-btn--active{background:var(--accent-glow);border-color:#3ecf8e4d;color:var(--accent-color);font-weight:600}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.report-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease}.report-card:hover{border-color:var(--report-color, var(--accent-color));transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.report-card-icon{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center}.report-card-info h4{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.report-card-info p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.report-card-actions{margin-top:auto}.redeem-section{padding:16px;display:flex;flex-direction:column;gap:16px}.redeem-search-row{display:flex;gap:10px;align-items:center}.coupon-preview{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;animation:fadeInUp .25s ease both}.coupon-preview-header{display:flex;align-items:center;gap:14px}.coupon-preview-icon{color:var(--accent-color)}.coupon-preview-header h4{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.coupon-preview-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.redeem-form{display:flex;flex-direction:column;gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.detail-value{font-size:13px;color:var(--text-primary);font-weight:500}.mono-tag{font-family:monospace;font-size:12px;background:var(--bg-secondary);padding:2px 6px;border-radius:4px;color:var(--text-primary)}.activity-type-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--card-border);white-space:nowrap}.renewal-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:100px}.renewal-tag--amber{background:#f59e0b1f;color:#f59e0b}.renewal-tag--red{background:#f871711f;color:#f87171}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-muted);text-align:center;gap:10px}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.empty-state-message{font-size:13px;color:var(--text-muted);margin:0}.empty-state-action{margin-top:8px}@media (max-width: 900px){.dash-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .25s ease;width:260px!important;min-width:260px!important;z-index:51}.dash-sidebar--open{transform:translate(0)}.dash-hamburger{display:flex!important}.dash-root--collapsed .dash-sidebar{width:260px!important;min-width:260px!important}.profile-page-grid,.dash-lower-grid,.two-col-grid,.form-row-2,.profile-form-row,.detail-grid,.coupon-preview-details{grid-template-columns:1fr}.dash-topbar-breadcrumb{display:none!important}.dash-avatar-name,.dash-avatar-btn svg:last-child{display:none!important}.dash-avatar-btn{padding:4px!important;border-color:transparent!important}.dash-topbar{padding:0 12px;gap:8px}}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 768px){.dash-content-inner{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.reports-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.table-toolbar{flex-wrap:wrap}.search-bar{max-width:100%}.modal-box{border-radius:12px}.account-info-grid{grid-template-columns:1fr}}.chat-container{display:flex;height:calc(100vh - 200px);min-height:520px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;box-shadow:var(--box-shadow-card);transition:all .25s ease}.chat-sidebar-pane{width:300px;min-width:300px;border-right:1px solid var(--card-border);background:var(--bg-secondary);display:flex;flex-direction:column;transition:all .25s ease}.chat-sidebar-header{padding:16px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.chat-sidebar-header h4{font-size:15px;font-weight:700;margin:0;color:var(--text-primary)}.chat-thread-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-thread-card{display:flex;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;align-items:center}.chat-thread-card:hover{background:var(--bg-color)}.chat-thread-card--active{background:var(--accent-glow)!important;border-color:color-mix(in srgb,var(--accent-color) 20%,transparent)!important}.chat-thread-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-glow);border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--accent-color);flex-shrink:0}.chat-thread-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.chat-thread-name{font-size:13.5px;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread-last-msg{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-message-pane{flex:1;display:flex;flex-direction:column;background:var(--card-bg)}.chat-pane-header{padding:16px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:12px;background:var(--bg-secondary)}.chat-header-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-glow);border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-color)}.chat-header-avatar+div h4{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.chat-header-status{font-size:11px;color:var(--text-muted);margin-top:2px;display:block}.chat-messages-log{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-msg-row{display:flex;gap:10px;max-width:70%;align-items:flex-end}.chat-msg-row--own{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar{width:26px;height:26px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;color:var(--text-secondary)}.chat-msg-bubble{background:var(--bg-secondary);border:1px solid var(--card-border);padding:10px 14px;border-radius:12px 12px 12px 3px;display:flex;flex-direction:column;gap:4px;position:relative;box-shadow:0 2px 8px #0000000a}.chat-msg-row--own .chat-msg-bubble{background:var(--accent-glow);border-color:color-mix(in srgb,var(--accent-color) 25%,transparent);border-radius:12px 12px 3px}.chat-msg-sender{font-size:10px;font-weight:700;color:var(--accent-color);margin-bottom:2px}.chat-msg-text{font-size:13px;color:var(--text-primary);margin:0;line-height:1.45;word-break:break-word}.chat-msg-time{font-size:9.5px;color:var(--text-muted);align-self:flex-end;margin-top:2px}.chat-input-bar{padding:16px;border-top:1px solid var(--card-border);display:flex;gap:12px;background:var(--bg-secondary);align-items:center}.chat-input-field{flex:1;border-radius:9999px!important;padding-left:20px!important;height:40px;background-color:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important}.chat-input-field:focus{border-color:var(--input-focus-border)!important}.chat-send-btn{border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color)!important;border:none!important;cursor:pointer;transition:all .2s ease;color:var(--btn-primary-text)!important}.chat-send-btn:hover{transform:scale(1.05);background-color:var(--accent-hover)!important}.chat-none-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;gap:10px;padding:32px}.chat-none-selected h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:12px 0 4px}.chat-none-selected p{font-size:13px;margin:0;max-width:280px;line-height:1.4}.chat-back-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;margin-left:-8px;border-radius:6px;align-items:center;justify-content:center;transition:all .15s}.chat-back-btn:hover{background:var(--bg-color);color:var(--text-primary)}.chat-empty-sidebar{font-size:13px;color:var(--text-muted);text-align:center;padding:24px 12px;line-height:1.4}@media (max-width: 768px){.chat-sidebar-pane{width:100%!important;min-width:100%!important;border-right:none}.chat-message-pane,.chat-container--thread-active .chat-sidebar-pane{display:none!important}.chat-container--thread-active .chat-message-pane{display:flex!important}.chat-back-btn{display:flex}.chat-msg-row{max-width:85%}}.transactions-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .2s ease-in-out}.transaction-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--box-shadow-card)}.transaction-left{display:flex;align-items:center;gap:14px}.transaction-icon-wrap{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.transaction-icon-wrap.tx-credit{background-color:var(--status-green-bg);color:var(--status-green)}.transaction-icon-wrap.tx-debit{background-color:var(--status-red-bg);color:var(--status-red)}.transaction-details-brief{display:flex;flex-direction:column;gap:2px}.transaction-title{font-size:14px;font-weight:600;color:var(--text-primary)}.transaction-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.transaction-right{display:flex;align-items:center;gap:16px;text-align:right}.transaction-amount-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.transaction-amount{font-size:15px;font-weight:700}.transaction-amount.tx-credit{color:var(--status-green)}.transaction-amount.tx-debit{color:var(--status-red)}.transaction-ref-brief{font-size:11px;font-family:monospace;color:var(--text-muted)}.transaction-detail-modal-content{display:flex;flex-direction:column;gap:20px}.transaction-detail-header{text-align:center;padding:16px 0;border-bottom:1px dashed var(--card-border)}.transaction-detail-amount{font-size:28px;font-weight:800;margin-top:8px;color:var(--text-primary)}.transaction-detail-grid{display:flex;flex-direction:column;gap:12px}.transaction-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding-bottom:8px;border-bottom:1px solid var(--divider)}.transaction-detail-row:last-child{border-bottom:none}.transaction-detail-label{color:var(--text-secondary);font-weight:500}.transaction-detail-value{color:var(--text-primary);font-weight:600;text-align:right}.transaction-detail-value.mono{font-family:monospace;font-size:12.5px}.offline-banner{background-color:var(--status-red-bg);color:var(--status-red);border-bottom:1px solid var(--card-border);padding:10px 18px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;animation:slideDown .3s cubic-bezier(.16,1,.3,1);z-index:1000;box-shadow:0 2px 8px #0000001a;position:relative}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-install-banner{padding:12px;border-top:1px solid var(--card-border)}.mobile-bottom-nav{display:none}@media (max-width: 900px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:calc(60px + env(safe-area-inset-bottom));background-color:var(--bg-secondary);border-top:1px solid var(--card-border);box-shadow:0 -4px 12px #0006;z-index:999;align-items:flex-start;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;font-size:11px;font-weight:500;background:none;border:none;padding:8px 12px;cursor:pointer;flex:1;height:60px;transition:all .15s ease;gap:4px}.mobile-bottom-nav-item:hover,.mobile-bottom-nav-item.active{color:var(--accent-color)!important}.mobile-bottom-nav-item.active{position:relative}.mobile-bottom-nav-item.active:before{content:"";position:absolute;top:0;left:25%;width:50%;height:3px;background-color:var(--accent-color);border-radius:0 0 3px 3px}.mobile-bottom-nav-item svg{transition:transform .15s ease}.mobile-bottom-nav-item:active svg{transform:scale(.9)}.dash-content{padding-bottom:calc(75px + env(safe-area-inset-bottom))!important}}.analytics-grid-two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}@media (max-width: 1100px){.analytics-grid-two{grid-template-columns:1fr}}.chart-path-draw{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLine 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.chart-area-fade{opacity:0;animation:fadeIn 1s ease-out .8s forwards}.chart-dot-fade{opacity:0;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.pulse-glow{animation:pulseOpacity 2.5s infinite ease-in-out}@keyframes pulseOpacity{0%,to{opacity:.15}50%{opacity:.55}}.animate-fade-in{opacity:0;animation:fadeIn .5s ease-out forwards}.svg-chart-element text{fill:var(--text-muted, #707070);font-family:inherit}.otp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.otp-modal-card{background:var(--card-bg, #1e293b);border:1px solid var(--card-border, #334155);border-radius:16px;max-width:420px;width:100%;padding:24px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.otp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.otp-modal-header h3{margin:0;font-size:18px;font-weight:700}.otp-modal-close{background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease}.otp-modal-close:hover{background-color:#ffffff0d}.otp-modal-desc{font-size:13px;color:var(--text-muted, #94a3b8);line-height:1.5;margin-bottom:20px}.otp-boxes-container{display:flex;justify-content:center;gap:12px;margin:20px 0;cursor:pointer;position:relative}.otp-box{width:44px;height:50px;border-radius:8px;border:1px solid var(--card-border);background-color:var(--input-bg, #171717);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-primary);transition:all .15s ease;position:relative}.otp-box.focused{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow);background-color:var(--bg-color)}.otp-box.filled{border-color:var(--accent-color);color:var(--accent-color)}.otp-hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;border:none;background:transparent}.otp-caret{width:2px;height:20px;background-color:var(--accent-color);animation:otpCaretBlink 1s step-end infinite}@keyframes otpCaretBlink{0%,to{background-color:transparent}50%{background-color:var(--accent-color)}}.otp-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.drawer-body .form-field{margin-bottom:10px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:1000;opacity:0;animation:drawerFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawerFadeIn{to{opacity:1}}.drawer-box{background:var(--card-bg);border-left:1px solid var(--card-border);height:100%;width:100%;max-width:580px;box-shadow:-10px 0 30px #0003;display:flex;flex-direction:column;transform:translate(100%);animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.drawer-box--sm{max-width:420px}.drawer-box--md{max-width:580px}.drawer-box--lg{max-width:760px}@keyframes drawerSlideIn{to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--divider)}.drawer-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.drawer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawer-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.drawer-body{padding:24px;overflow-y:auto;flex:1}.drawer-footer{padding:16px 24px;border-top:1px solid var(--divider);background:var(--bg-secondary);display:flex;gap:12px;justify-content:flex-end}.searchable-select-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:42px;background:var(--input-bg)!important;border:1px solid var(--input-border)!important;border-radius:6px;padding:8px 12px;font-size:14px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.searchable-select-trigger:hover{border-color:var(--card-border-hover)!important}.searchable-select-trigger.open{border-color:var(--input-focus-border)!important}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg)!important;border:1px solid var(--card-border)!important;border-radius:8px;margin-top:6px;z-index:9999;padding:8px;box-shadow:var(--box-shadow-card)!important}.searchable-select-search-container{display:flex;position:relative;margin-bottom:8px;width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px}.searchable-select-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.searchable-select-search-input{padding:8px 8px 8px 32px;font-size:14px;width:100%;background:transparent;border:none;color:var(--text-primary);outline:none}.searchable-select-options{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.searchable-select-option{padding:10px 12px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .15s ease}.searchable-select-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.searchable-select-option.selected{background:var(--accent-glow)!important;color:var(--accent-color)!important;font-weight:500}.searchable-select-no-results{padding:12px;color:var(--text-muted);font-size:13px;text-align:center}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:16px 0}.listing-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.listing-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 30px #0000001f,var(--accent-glow)}.listing-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.listing-card-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}.listing-card-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;background:var(--accent-glow);color:var(--accent-color);white-space:nowrap}.listing-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.listing-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.listing-info-row svg{color:var(--text-muted);flex-shrink:0}.listing-card-price{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:baseline;gap:2px}.listing-card-price-unit{font-size:13px;color:var(--text-secondary);font-weight:400}.listing-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;border-top:1px solid var(--divider);padding-top:12px}.listing-owner-details{display:flex;flex-direction:column;gap:2px}.listing-owner-name{font-size:12px;font-weight:500;color:var(--text-primary)}.listing-owner-type{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hiw-root{position:relative;padding:100px 40px;overflow:hidden}.hiw-bg-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hiw-bg-blob--1{width:500px;height:500px;background:radial-gradient(circle,rgba(62,207,142,.05) 0%,transparent 70%);top:-100px;left:-100px}.hiw-bg-blob--2{width:400px;height:400px;background:radial-gradient(circle,rgba(96,165,250,.05) 0%,transparent 70%);bottom:0;right:-100px}.hiw-header{text-align:center;max-width:640px;margin:0 auto 64px}.hiw-title{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--text-primary);line-height:1.2;margin:12px 0 16px;letter-spacing:-.02em}.hiw-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.7;margin:0}.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;position:relative}.hiw-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:16px;overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease,border-color .2s,box-shadow .2s}.hiw-card--visible{opacity:1;transform:translateY(0)}.hiw-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0003}.hiw-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hiw-step-num{font-size:11px;font-weight:800;letter-spacing:.12em;padding:4px 10px;border-radius:100px;border:1px solid;width:fit-content;font-family:SF Mono,monospace}.hiw-icon-wrap{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid;transition:transform .2s}.hiw-card:hover .hiw-icon-wrap{transform:scale(1.08)}.hiw-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.hiw-card-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.65;margin:0}.hiw-highlights{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:7px}.hiw-highlight-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-secondary)}.hiw-check{display:flex;align-items:center;flex-shrink:0}.hiw-connector{display:none}.hiw-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:56px}.hiw-cta-note{font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.hiw-root{padding:64px 20px}.hiw-steps{grid-template-columns:1fr;gap:16px}}.stats-root{padding:80px 40px;background:linear-gradient(180deg,transparent,rgba(62,207,142,.02) 50%,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1100px;margin:48px auto 0}.stats-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:28px 24px;text-align:center;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stats-card--visible{opacity:1;transform:translateY(0)}.stats-card:hover{transform:translateY(-3px)}.stats-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stats-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid;margin:0 auto 16px}.stats-value{font-size:clamp(32px,4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:8px}.stats-suffix{font-size:.55em;font-weight:700}.stats-label{font-size:13px;color:var(--text-secondary);margin-bottom:16px;font-weight:500}.stats-bar-wrap{height:3px;background:var(--card-border);border-radius:2px;overflow:hidden}.stats-bar{height:100%;border-radius:2px;transition:width 1.8s cubic-bezier(.16,1,.3,1)}@media (max-width: 768px){.stats-root{padding:60px 20px}.stats-grid{grid-template-columns:1fr 1fr;gap:14px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.testi-root{padding:100px 40px;position:relative}.testi-card-wrap{position:relative;max-width:680px;margin:48px auto 0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:48px 48px 36px;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.testi-card-wrap--visible{opacity:1;transform:translateY(0)}.testi-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.testi-quote-icon{margin-bottom:16px;opacity:.4}.testi-quote{font-size:17px;line-height:1.75;color:var(--text-primary);font-style:italic;margin:16px 0 28px;position:relative;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.testi-author{display:flex;align-items:center;gap:14px}.testi-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;border:1.5px solid}.testi-author-name{font-size:14px;font-weight:700;color:var(--text-primary)}.testi-author-role{font-size:12px;color:var(--text-muted);margin-top:2px}.testi-dots{display:flex;align-items:center;gap:6px;margin-top:28px;justify-content:center}.testi-dot{width:8px;height:8px;border-radius:100px;background:var(--card-border);border:none;cursor:pointer;padding:0;transition:background .3s,width .3s}.testi-dot--active{background:var(--accent-color)}.testi-side-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:680px;margin:20px auto 0}.testi-side-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;cursor:pointer;transition:transform .2s,border-color .2s;overflow:hidden}.testi-side-card:hover{transform:translateY(-2px);border-color:var(--accent-color)}.testi-side-quote{font-size:12.5px;color:var(--text-secondary);line-height:1.6;margin:8px 0 6px;font-style:italic}.testi-side-name{font-size:12px;font-weight:700}@media (max-width: 768px){.testi-root{padding:64px 20px}.testi-card-wrap{padding:28px 24px 24px}.testi-side-cards{grid-template-columns:1fr}.testi-quote{font-size:15px}}.faq-root{padding:100px 40px;max-width:1100px;margin:0 auto}.faq-list{max-width:780px;margin:48px auto 0;display:flex;flex-direction:column;gap:8px}.faq-item{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;text-align:left;gap:16px}.faq-q-text{font-size:14.5px;font-weight:600;color:var(--text-primary);line-height:1.4}.faq-chevron{flex-shrink:0;transition:transform .25s ease,color .15s;display:flex;align-items:center}.faq-answer{overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,padding .25s ease}.faq-answer p{font-size:13.5px;line-height:1.75;color:var(--text-secondary);margin:0}.faq-cta{display:flex;align-items:center;gap:16px;max-width:780px;margin:32px auto 0;font-size:14px;color:var(--text-muted)}.faq-cta-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-color);font-weight:600;text-decoration:none;transition:opacity .15s}.faq-cta-link:hover{opacity:.8}@media (max-width: 768px){.faq-root{padding:64px 20px}.faq-question{padding:16px 18px}}.contact-root{position:relative;padding:100px 40px;overflow:hidden}.contact-bg-blob{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.contact-bg-blob--1{width:600px;height:600px;background:radial-gradient(circle,rgba(62,207,142,.04) 0%,transparent 70%);top:0;right:0}.contact-bg-blob--2{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.04) 0%,transparent 70%);bottom:0;left:0}.contact-layout{display:grid;grid-template-columns:340px 1fr;gap:40px;max-width:1100px;margin:56px auto 0;align-items:start}.contact-info-col{display:flex;flex-direction:column;gap:12px}.contact-info-item{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;overflow:hidden;transition:transform .2s}.contact-info-item:hover{transform:translate(3px)}.contact-info-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.contact-info-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid}.contact-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.contact-info-value{font-size:13.5px;color:var(--text-primary);font-weight:500;text-decoration:none}a.contact-info-value:hover{text-decoration:underline}.contact-promise{background:var(--card-bg);border:1px solid rgba(62,207,142,.2);border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;margin-top:4px}.contact-promise-icon{flex-shrink:0;margin-top:1px}.contact-promise p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.contact-form-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;overflow:hidden}.contact-form-glow{position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(ellipse at 100% 0%,rgba(62,207,142,.06) 0%,transparent 70%);pointer-events:none}.contact-form{display:flex;flex-direction:column;gap:16px;padding:32px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-submit-btn{width:100%;justify-content:center;gap:8px;display:flex;align-items:center;margin-top:4px}.contact-error{display:flex;align-items:center;gap:8px;font-size:13px;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:10px 12px}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 32px;gap:12px}.contact-success-icon{margin-bottom:8px}.contact-success h3{font-size:22px;font-weight:800;color:var(--text-primary);margin:0}.contact-success p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;max-width:340px}@media (max-width: 900px){.contact-layout{grid-template-columns:1fr}.contact-info-col{order:2}.contact-form-col{order:1}}@media (max-width: 600px){.contact-root{padding:64px 20px}.contact-form{padding:20px;gap:14px}.contact-form-row{grid-template-columns:1fr;gap:14px}}.support-layout{display:grid;grid-template-columns:340px 1fr;gap:0;height:calc(100vh - 130px);min-height:500px;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;background:var(--card-bg)}.support-list-pane{border-right:1px solid var(--card-border);display:flex;flex-direction:column;overflow:hidden}.support-filters{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-bottom:1px solid var(--card-border);background:var(--bg-secondary)}.support-search-wrap{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:8px 10px;color:var(--text-muted)}.support-search-input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;width:100%;font-family:inherit}.support-select{font-size:12px;padding:7px 10px}.support-ticket-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.support-ticket-card{padding:14px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s;background:transparent}.support-ticket-card:hover{background:var(--bg-secondary);border-color:var(--card-border)}.support-ticket-card--active{background:var(--bg-secondary);border-color:#3ecf8e4d!important}.support-ticket-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.support-ticket-subject{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4;flex:1;min-width:0}.support-ticket-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.support-ticket-time{font-size:11px;color:var(--text-muted);margin-left:auto}.support-ticket-user{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--text-muted)}.support-msg-count{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);margin-top:6px}.support-empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--text-muted);flex:1}.support-empty-list p{font-size:13px;margin:0}.support-detail-pane{display:flex;flex-direction:column;overflow:hidden}.support-detail-pane--empty{align-items:center;justify-content:center}.support-detail-header{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--card-border);background:var(--bg-secondary);flex-wrap:wrap}.support-detail-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.support-detail-badges{display:flex;flex-wrap:wrap;gap:5px}.support-staff-controls{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.support-select-sm{font-size:11.5px;padding:5px 8px;width:auto}.support-description-card{margin:16px 20px;padding:16px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-direction:column;gap:12px}.support-desc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-desc-author{font-size:13px;font-weight:600;color:var(--text-primary)}.support-desc-time{font-size:11px;color:var(--text-muted);margin-left:4px}.support-assignee-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#60a5fa;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:100px;padding:3px 9px;margin-left:auto}.support-desc-body{font-size:13.5px;color:var(--text-secondary);line-height:1.7;margin:0;white-space:pre-wrap}.support-messages-area{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.support-no-messages{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px;text-align:center;color:var(--text-muted)}.support-no-messages p{font-size:13px;margin:0}.support-msg-row{display:flex;gap:10px;align-items:flex-end}.support-msg-row--own{flex-direction:row-reverse}.support-msg-row--internal{opacity:.85}.support-msg-bubble{max-width:70%;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:14px 14px 14px 4px;padding:10px 14px;display:flex;flex-direction:column;gap:5px}.support-msg-row--own .support-msg-bubble{border-radius:14px 14px 4px;background:#3ecf8e14;border-color:#3ecf8e33}.support-msg-row--internal .support-msg-bubble{background:#f59e0b0f;border-color:#f59e0b33;border-style:dashed}.support-msg-meta{display:flex;align-items:center;gap:8px}.support-msg-author{font-size:11px;font-weight:700}.support-internal-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f59e0b;background:#f59e0b1a;border-radius:4px;padding:1px 6px}.support-msg-text{font-size:13.5px;color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.support-msg-time{font-size:10.5px;color:var(--text-muted);align-self:flex-end}.support-reply-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--card-border);background:var(--bg-secondary)}.support-reply-input{flex:1;font-size:13px}.support-internal-toggle{width:34px;height:34px;border-radius:8px;border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.support-internal-toggle.active{background:#f59e0b1a;border-color:#f59e0b59;color:#f59e0b}.support-closed-notice{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--card-border);font-size:13px;color:var(--text-muted);background:var(--bg-secondary)}.support-empty-detail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px;color:var(--text-muted)}.support-empty-detail-icon{width:90px;height:90px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:8px}.support-empty-detail h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.support-empty-detail p{font-size:13px;margin:0;max-width:300px}@media (max-width: 900px){.support-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 130px)}.support-list-pane{border-right:none;border-bottom:1px solid var(--card-border);max-height:400px}.support-list-pane--hidden-mobile{display:none}.support-detail-pane--visible-mobile{display:flex}}@media (min-width: 901px){.support-list-pane--hidden-mobile,.support-detail-pane--visible-mobile{display:flex!important}}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0}.tab-bar{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--card-border);padding-bottom:0;margin-bottom:16px}.tab-bar .tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px;white-space:nowrap}.tab-bar .tab-btn:hover{color:var(--text-primary)}.tab-bar .tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:4px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.tag--info{background:color-mix(in srgb,var(--status-blue) 12%,transparent);color:var(--status-blue)}.tag--success{background:color-mix(in srgb,var(--status-green) 12%,transparent);color:var(--status-green)}.tag--warning{background:color-mix(in srgb,var(--status-amber) 12%,transparent);color:var(--status-amber)}.tag--danger{background:color-mix(in srgb,var(--status-red) 12%,transparent);color:var(--status-red)}.action-group{display:flex;align-items:center;gap:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;margin-top:4px;border-top:1px solid var(--card-border)}.f-r2{display:flex}.f-r2 select,.f-r2 input{flex:1}.page-loading{display:flex;align-items:center;justify-content:center;height:300px}.page-loading .spinner{width:32px;height:32px;border:3px solid var(--card-border);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.section-title-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.mono-tag{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;background:var(--surface-2, rgba(255, 255, 255, .04));padding:2px 6px;border-radius:4px;border:1px solid var(--card-border);color:var(--text-secondary)}.btn-sm{padding:5px 12px;font-size:12px;gap:4px}.btn-icon--danger{color:var(--status-red)!important}.btn-icon--danger:hover{background:color-mix(in srgb,var(--status-red) 10%,transparent)}