@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--crimson:#dc0f0f;--crimson-dim:#dc0f0f1f;--surface:#0a0a0a;--card:#141414;--card2:#1a1a1a;--border:#ffffff12;--text:#f0f0f0;--muted:#666;--muted2:#444;--radius:14px}.land-root{min-height:100vh;position:relative;overflow:hidden}.land-canvas{pointer-events:none;z-index:0;position:fixed;inset:0}.blob{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.blob-tl{background:radial-gradient(circle,#dc0f0f24 0%,#0000 70%);width:500px;height:500px;top:-150px;left:-150px}.blob-br{background:radial-gradient(circle,#dc0f0f1a 0%,#0000 70%);width:400px;height:400px;bottom:-100px;right:-100px}.land-nav{z-index:10;justify-content:space-between;align-items:center;padding:24px 60px;display:flex;position:relative}.land-brand{align-items:center;gap:10px;display:flex}.brand-icon{font-size:22px}.brand-name{letter-spacing:5px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:26px}.nav-signin{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.nav-signin:hover{border-color:var(--crimson);color:var(--crimson)}.land-hero{z-index:5;justify-content:space-between;align-items:center;gap:40px;min-height:calc(100vh - 90px);padding:60px 60px 80px;display:flex;position:relative}.hero-left{flex:1;max-width:560px}.hero-badge{background:var(--crimson-dim);color:var(--crimson);letter-spacing:2px;border:1px solid #dc0f0f40;border-radius:30px;align-items:center;gap:8px;margin-bottom:32px;padding:7px 16px;font-size:11px;font-weight:700;display:inline-flex}.badge-dot{background:var(--crimson);border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero-title{letter-spacing:2px;color:var(--text);margin-bottom:24px;font-family:Bebas Neue,sans-serif;font-size:clamp(64px,7vw,100px);line-height:.95}.title-accent{color:var(--crimson)}.hero-sub{color:var(--muted);margin-bottom:40px;font-size:16px;line-height:1.7}.btn-primary{background:var(--crimson);color:#fff;border-radius:var(--radius);letter-spacing:.5px;cursor:pointer;border:none;align-items:center;gap:10px;padding:16px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 32px #dc0f0f59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #dc0f0f80}.hero-stats{border-top:1px solid var(--border);gap:40px;margin-top:48px;padding-top:32px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-val{color:var(--crimson);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:32px}.stat-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:500}.hero-right{flex:none}.ticket-mockup{background:var(--card);border:1px solid var(--border);border-radius:20px;width:300px;padding:28px;animation:4s ease-in-out infinite float;position:relative;box-shadow:0 0 60px #dc0f0f1f,0 20px 60px #00000080}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ticket-mockup:before{content:"";pointer-events:none;background:linear-gradient(135deg,#dc0f0f4d 0%,#0000 50%);border-radius:20px;position:absolute;inset:-1px}.ticket-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tm-brand{letter-spacing:3px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:18px}.tm-live{color:#22c55e;letter-spacing:1px;font-size:11px;font-weight:700}.tm-number{color:var(--crimson);text-shadow:0 0 30px #dc0f0f80;margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:80px;line-height:1}.tm-service{color:var(--muted);margin-bottom:20px;font-size:12px}.tm-divider{align-items:center;gap:0;margin-bottom:20px;display:flex}.tm-divider span:first-child,.tm-divider span:last-child{background:var(--border);flex:1;height:1px}.tm-dot{background:var(--crimson);border-radius:50%;width:8px;height:8px;margin:0 10px;flex:0!important}.tm-row{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.tm-row strong{color:var(--text);font-weight:700}.tm-barcode{border-top:1px solid var(--border);align-items:flex-end;gap:2px;margin-top:20px;padding-top:20px;display:flex}.bc-bar{background:var(--muted2);border-radius:1px;flex:1;min-width:2px}.mobile-strip{z-index:5;background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:60px;padding:80px 60px;display:flex;position:relative}.ms-left{flex:1;max-width:520px}.ms-tag{letter-spacing:3px;color:var(--crimson);margin-bottom:20px;font-size:11px;font-weight:700}.ms-title{letter-spacing:2px;color:var(--text);margin-bottom:20px;font-family:Bebas Neue,sans-serif;font-size:clamp(40px,4vw,60px);line-height:1}.ms-title span{color:var(--crimson)}.ms-sub{color:var(--muted);margin-bottom:36px;font-size:15px;line-height:1.7}.btn-download{background:var(--card2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 24px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-download:hover{border-color:var(--crimson);box-shadow:0 0 20px #dc0f0f33}.btn-download svg{color:var(--text)}.btn-download span{flex-direction:column;display:flex}.btn-download small{color:var(--muted);font-size:10px;font-weight:400}.btn-download span:last-child{font-size:16px;font-weight:700;line-height:1.2}.phone-mockup{background:var(--card2);border:1px solid var(--border);border-radius:36px;width:220px;padding:16px 12px 24px;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #dc0f0f14}.phone-notch{background:#0a0a0a;border-radius:0 0 14px 14px;width:70px;height:22px;margin:0 auto 16px}.phone-screen{padding:8px}.ps-header{letter-spacing:2px;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.ps-verified{color:#22c55e;font-size:10px}.ps-ticket-num{color:var(--crimson);text-align:center;text-shadow:0 0 20px #dc0f0f80;margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:56px;line-height:1}.ps-status{text-align:center;color:#22c55e;margin-bottom:16px;font-size:12px;font-weight:700}.ps-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:10px}.ps-bar-fill{background:var(--crimson);border-radius:2px;width:75%;height:100%;animation:2s ease-in-out infinite fill-pulse}@keyframes fill-pulse{0%,to{opacity:1}50%{opacity:.6}}.ps-info{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.ps-eta{color:var(--crimson);font-weight:700}.land-footer{z-index:5;color:var(--muted2);justify-content:center;align-items:center;gap:12px;padding:24px;font-size:12px;display:flex;position:relative}.footer-dot{color:var(--muted2)}@media (width<=900px){.land-nav{padding:20px 24px}.land-hero{flex-direction:column;min-height:auto;padding:40px 24px 60px}.hero-right{display:none}.mobile-strip{flex-direction:column;padding:60px 24px}.ms-right{display:none}}:root{--crimson:#dc0f0f;--crimson-dim:#dc0f0f1f;--crimson-glow:#dc0f0f59;--surface:#0a0a0a;--card:#141414;--card2:#1c1c1c;--border:#ffffff14;--border-focus:#dc0f0f99;--text:#f0f0f0;--muted:#666;--radius:13px}body{background:var(--surface);color:var(--text);font-family:DM Sans,sans-serif}.auth-root{min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-blob{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.auth-blob-tl{background:radial-gradient(circle,#dc0f0f1f 0%,#0000 70%);width:500px;height:500px;top:-200px;left:-100px}.auth-blob-br{background:radial-gradient(circle,#dc0f0f17 0%,#0000 70%);width:400px;height:400px;bottom:-150px;right:-100px}.auth-left{background:var(--card);border-right:1px solid var(--border);z-index:2;flex-direction:column;flex:0 0 420px;padding:40px 48px;display:flex;position:relative}.auth-brand{cursor:pointer;align-items:center;gap:10px;margin-bottom:auto;display:flex}.auth-brand-icon{font-size:22px}.auth-brand-name{letter-spacing:5px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:24px}.auth-left-body{flex-direction:column;flex:1;justify-content:center;display:flex}.auth-left-title{letter-spacing:2px;color:var(--text);margin-top:48px;margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:48px;line-height:1}.auth-left-sub{color:var(--muted);margin-bottom:40px;font-size:14px;line-height:1.6}.auth-left-features{flex-direction:column;gap:14px;display:flex}.feature-row{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.feature-check{background:var(--crimson-dim);width:22px;height:22px;color:var(--crimson);border:1px solid #dc0f0f4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.reg-steps{align-items:center;gap:0;margin-top:48px;margin-bottom:40px;display:flex}.reg-step{align-items:center;display:flex}.rs-circle{background:var(--card2);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .3s;display:flex}.reg-step.active .rs-circle{background:var(--crimson);border-color:var(--crimson);color:#fff}.reg-step.done .rs-circle{background:var(--crimson-dim);color:var(--crimson);border-color:#dc0f0f66}.rs-label{color:var(--muted);letter-spacing:1px;margin-left:8px;font-size:11px;font-weight:600}.reg-step.active .rs-label{color:var(--text)}.rs-line{background:var(--border);width:32px;height:1px;margin:0 8px}.auth-right{z-index:2;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-card{width:100%;max-width:460px}.auth-card-badge{background:var(--crimson-dim);color:var(--crimson);letter-spacing:2px;border:1px solid #dc0f0f40;border-radius:30px;align-items:center;margin-bottom:24px;padding:6px 14px;font-size:10px;font-weight:700;display:inline-flex}.auth-card-title{letter-spacing:2px;color:var(--text);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:42px}.auth-card-sub{color:var(--muted);margin-bottom:32px;font-size:14px}.auth-error{color:var(--crimson);background:#dc0f0f1a;border:1px solid #dc0f0f4d;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.auth-error-icon{font-size:15px}.auth-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:700}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--muted);align-items:center;display:flex;position:absolute;left:14px}.form-input{background:var(--card2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);outline:none;padding:14px 44px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #dc0f0f14}.input-eye{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.input-eye:hover{color:var(--text)}.auth-submit{background:var(--crimson);color:#fff;letter-spacing:2px;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:52px;margin-top:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 0 24px #dc0f0f4d}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #dc0f0f73}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-switch{color:var(--muted);text-align:center;font-size:14px}.auth-link{color:var(--crimson);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;text-decoration:none}.auth-link:disabled{opacity:.5;cursor:not-allowed}.otp-grid{justify-content:center;gap:10px;margin:32px 0 24px;display:flex}.otp-box{background:var(--card2);border:1px solid var(--border);width:52px;height:62px;color:var(--text);text-align:center;border-radius:var(--radius);outline:none;font-family:Bebas Neue,sans-serif;font-size:28px;transition:border-color .2s,box-shadow .2s}.otp-box:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #dc0f0f1a}.otp-box.otp-filled{color:var(--crimson);border-color:#dc0f0f66}.otp-resend{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.otp-expiry{text-align:center;color:var(--muted);opacity:.5;margin-top:10px;font-size:11px}.step3-icon{margin-bottom:16px;font-size:42px}.role-badge-row{margin:24px 0 8px}.role-badge{background:var(--card2);border-radius:var(--radius);border:1px solid #dc0f0f33;align-items:center;gap:14px;padding:16px;display:flex}.rb-icon{font-size:26px}.rb-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.rb-sub{color:var(--muted);font-size:12px}@media (width<=860px){.auth-left{display:none}.auth-right{padding:24px}}.dash-root{min-height:100vh;display:flex;position:relative}.dash-glow-tl{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle, var(--crimson-glow) 0%, transparent 70%);opacity:.35;border-radius:50%;width:500px;height:500px;position:fixed;top:-200px;left:180px}.dash-sidebar{background:var(--card);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:32px 20px;display:flex;position:sticky;top:0}.db-brand{cursor:pointer;align-items:center;gap:10px;margin-bottom:48px;display:flex}.db-brand-name{letter-spacing:5px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:22px}.db-nav{flex-direction:column;flex:1;gap:4px;display:flex}.db-nav-item{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.db-nav-item:hover{background:var(--card2);color:var(--text)}.db-nav-item.active{background:var(--crimson-dim);color:var(--crimson);border-color:#dc0f0f33}.db-nav-icon{font-size:16px}.db-sidebar-footer{border-top:1px solid var(--border);padding-top:20px}.db-user-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.db-avatar{background:var(--crimson-dim);width:36px;height:36px;color:var(--crimson);border:1px solid #dc0f0f4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.db-user-name{color:var(--text);font-size:13px;font-weight:600}.db-user-role{color:var(--muted);font-size:11px}.db-logout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:flex}.db-logout:hover{border-color:var(--crimson);color:var(--crimson)}.dash-main{z-index:2;flex:1;padding:40px 48px;position:relative;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-subtitle{letter-spacing:2px;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.page-title{letter-spacing:2px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:40px}.dash-topbar{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.dash-greeting{color:var(--muted);margin-bottom:4px;font-size:13px}.dash-username{letter-spacing:2px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:40px}.dash-topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.dash-service-badge{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600}.dash-status-badge{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e40;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.dash-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.dash-welcome-banner{background:linear-gradient(135deg, var(--crimson-dim) 0%, var(--card) 60%);border:1px solid #dc0f0f33;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:36px;padding:32px 36px;display:flex}.dwb-tag{letter-spacing:2px;color:#22c55e;margin-bottom:10px;font-size:11px;font-weight:700}.dwb-title{letter-spacing:1px;color:var(--text);margin-bottom:10px;font-family:Bebas Neue,sans-serif;font-size:30px}.dwb-sub{color:var(--muted);max-width:480px;font-size:14px;line-height:1.6}.dwb-icon{flex-shrink:0;font-size:56px}.dash-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:13px;flex-direction:column;gap:10px;padding:24px 20px;display:flex}.sc-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sc-val{color:var(--text);font-family:Bebas Neue,sans-serif;font-size:36px;line-height:1}.sc-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:500}.dash-section-title{letter-spacing:3px;color:var(--muted);margin-bottom:16px;font-size:11px;font-weight:700}.dash-modules{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px;display:grid}.module-card--featured{grid-column:span 2}.module-card{background:var(--card);border:1px solid var(--border);border-radius:13px;flex-direction:column;padding:24px;display:flex}.module-card:hover{border-color:#dc0f0f4d;box-shadow:0 0 20px #dc0f0f0f}.module-card--featured{background:linear-gradient(135deg, var(--crimson-dim) 0%, var(--card) 55%);border-color:#dc0f0f2e}.module-card--featured:hover{border-color:#dc0f0f66;box-shadow:0 0 32px #dc0f0f1a}.mc-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mc-icon{font-size:26px}.mc-arrow{color:var(--muted)}.module-card:hover .mc-arrow{color:var(--crimson)}.mc-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.module-card--featured .mc-title{font-size:18px}.mc-desc{color:var(--muted);flex:1;margin-bottom:16px;font-size:13px;line-height:1.5}.mc-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.mc-pill{letter-spacing:1px;color:var(--muted);background:var(--card2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.module-card--featured .mc-pill{color:var(--crimson);background:var(--crimson-dim);border-color:#dc0f0f40}.dash-footer{text-align:center;color:var(--muted);opacity:.4;padding-bottom:8px;font-size:11px}@media (width<=1100px){.dash-stats,.dash-modules{grid-template-columns:repeat(2,1fr)}.module-card--featured{grid-column:span 2}}@media (width<=700px){.dash-sidebar{display:none}.dash-main{padding:24px}.dash-stats{grid-template-columns:1fr 1fr}.dash-modules{grid-template-columns:1fr}.module-card--featured{grid-column:span 1}.dash-welcome-banner{flex-direction:column;gap:20px}}.qp-root{gap:24px;height:calc(100vh - 160px);display:flex}.qp-sidebar{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex-shrink:0;gap:14px;width:260px;padding:20px;display:flex;overflow-y:auto}.qp-sidebar-head{justify-content:space-between;align-items:center;display:flex}.qp-sidebar-title{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:700}.qp-add-btn{background:var(--crimson);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.qp-add-btn:hover{opacity:.85}.qp-create-form{background:var(--card2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.qp-create-label{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700}.qp-input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px}.qp-input:focus{border-color:#dc0f0f80}.qp-input::placeholder{color:var(--muted)}.qp-create-row{gap:8px;display:flex}.qp-queue-list{flex-direction:column;gap:8px;display:flex}.qp-queue-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.qp-queue-item:hover{background:var(--card2)}.qp-queue-item.active{background:var(--card2);border-color:var(--border)}.qqi-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.qqi-info{flex:1;min-width:0}.qqi-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.qqi-code{color:var(--muted);font-size:11px}.qqi-counts{gap:5px;display:flex}.qqi-active{color:#22c55e;background:#22c55e1f;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700}.qqi-pending{color:#f59e0b;background:#f59e0b1f;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700}.qp-main{flex-direction:column;flex:1;gap:18px;display:flex;overflow-y:auto}.qp-queue-header{background:var(--card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.qp-queue-title-row{align-items:center;gap:14px;display:flex}.qp-q-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.qp-queue-name{letter-spacing:2px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:28px}.qp-queue-meta{color:var(--muted);font-size:12px}.qp-queue-actions{gap:10px;display:flex}.qp-stats-row{gap:14px;display:flex}.qp-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex}.qp-stat-val{font-family:Bebas Neue,sans-serif;font-size:32px;line-height:1}.qp-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.qp-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qp-filter-group{gap:4px;display:flex}.qp-filter-btn{background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.qp-filter-btn.active{background:var(--crimson-dim);color:var(--crimson);border-color:#dc0f0f4d}.qp-swap-hint{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:10px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.qp-table-wrap{overflow-x:auto}.qp-table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.qp-table thead tr{border-bottom:1px solid var(--border)}.qp-table th{text-align:left;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:700}.qp-table td{color:var(--text);padding:13px 16px;font-size:13px}.qp-tr{border-bottom:1px solid var(--border)}.qp-tr:last-child{border-bottom:none}.qp-tr:hover{background:var(--card2)}.qp-tr.swapping{background:#f59e0b14}.qp-tr.swap-target{cursor:pointer}.qp-tr.swap-target:hover{background:#f59e0b1f}.qp-td-num{color:var(--muted);width:40px;font-size:12px}.qp-td-muted{color:var(--muted)}.qp-ticket-code{letter-spacing:1px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:16px}.qp-status-badge{letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.qp-status--active{color:#22c55e;background:#22c55e1f}.qp-status--pending{color:#f59e0b;background:#f59e0b1f}.qp-prio-badge{letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.qp-actions-cell{align-items:center;gap:6px;display:flex}.qp-icon-btn{background:var(--card2);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:6px 10px;font-size:13px}.qp-icon-btn:hover{border-color:#dc0f0f66}.qp-menu-wrap{position:relative}.qp-dropdown{background:var(--card2);border:1px solid var(--border);z-index:100;border-radius:10px;min-width:170px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #00000040}.qp-dropdown-title{letter-spacing:2px;color:var(--muted);padding:4px 8px 8px;font-size:9px;font-weight:700}.qp-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:flex}.qp-dropdown-item:hover{background:var(--surface)}.qp-dropdown-item.danger{color:var(--crimson)}.qp-dropdown-divider{background:var(--border);height:1px;margin:6px 0}.qp-btn-primary{background:var(--crimson);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:flex}.qp-btn-primary:hover{opacity:.85}.qp-btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.qp-btn-ghost:hover{border-color:var(--crimson);color:var(--crimson)}.qp-btn-danger{color:var(--crimson);cursor:pointer;background:#dc0f0f1a;border:1px solid #dc0f0f40;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:flex}.qp-btn-danger:hover{background:#dc0f0f33}.qp-empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}.qp-empty-state{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex}.qp-empty-state span{font-size:48px}.qp-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qp-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:16px;width:320px;padding:36px;display:flex;position:relative;box-shadow:0 8px 48px #0000004d}.qp-modal-close{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:50%;width:28px;height:28px;font-size:12px;position:absolute;top:16px;right:16px}.qp-modal-title{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:700}.qp-qr-box{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex}.qp-qr-grid{grid-template-columns:repeat(7,1fr);gap:3px;width:168px;display:grid}.qp-qr-cell{border-radius:2px;width:20px;height:20px}.qp-modal-code{letter-spacing:4px;color:var(--crimson);text-align:center;font-family:Bebas Neue,sans-serif;font-size:28px}.qp-modal-hint{color:var(--muted);text-align:center;font-size:12px}.cp-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.cp-stat{background:var(--card);border:1px solid var(--border);border-radius:13px;flex-direction:column;gap:6px;padding:20px 22px;display:flex}.cp-stat-val{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1}.cp-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700}.cp-section{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.cp-section-label{letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.cp-hero-card{background:linear-gradient(135deg, #22c55e1a 0%, var(--card) 55%);border:1.5px solid #22c55e59;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #22c55e14}.cp-hero-glow{background:linear-gradient(#22c55e,#22c55e4d);border-radius:18px 0 0 18px;width:5px;position:absolute;top:0;bottom:0;left:0}.cp-hero-left{flex-direction:column;gap:10px;display:flex}.cp-hero-live{letter-spacing:2px;color:#22c55e;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.cp-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite live-pulse;box-shadow:0 0 #22c55e80}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.cp-hero-code{letter-spacing:4px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:72px;line-height:1}.cp-hero-queue{color:var(--muted);font-size:14px;font-weight:500}.cp-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cp-hero-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.cp-btn-terminate-hero{color:#fff;cursor:pointer;white-space:nowrap;background:#22c55e;border:none;border-radius:12px;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s}.cp-btn-terminate-hero:hover{opacity:.85}.cp-btn-suspend-hero{color:#f59e0b;cursor:pointer;white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:12px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.cp-btn-suspend-hero:hover{background:#f59e0b33}.cp-hero-empty{background:var(--card);border:1.5px dashed var(--border);text-align:center;color:var(--muted);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.cp-hero-empty span{font-size:40px}.cp-next-card{background:linear-gradient(135deg, #3b82f614 0%, var(--card) 55%);border:1.5px solid #3b82f64d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 24px;display:flex}.cp-next-position{color:#3b82f6;background:#3b82f626;border:2px solid #3b82f666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Bebas Neue,sans-serif;font-size:20px;display:flex}.cp-next-info{flex:1;min-width:0}.cp-next-code{letter-spacing:2px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:28px}.cp-next-queue{color:var(--muted);font-size:12px}.cp-next-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-btn-call-now{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:10px;padding:11px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s}.cp-btn-call-now:hover{opacity:.85}.cp-queue-order{flex-direction:column;gap:0;display:flex}.cp-order-row{align-items:flex-start;gap:0;display:flex}.cp-order-timeline{flex-direction:column;flex-shrink:0;align-items:center;width:52px;padding-top:14px;display:flex}.cp-order-num{background:var(--card2);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.cp-order-connector{background:var(--border);flex:1;width:1px;min-height:16px;margin:4px 0}.cp-order-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:16px;margin-bottom:8px;padding:14px 18px;transition:border-color .2s;display:flex}.cp-order-card:hover{border-color:#dc0f0f33}.cp-order-card--urgent{background:#dc0f0f08;border-color:#dc0f0f40}.cp-order-card-left{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cp-order-code{letter-spacing:1.5px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:20px}.cp-order-queue{color:var(--muted);font-size:12px}.cp-order-card-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-row-suspend-btn{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:7px;padding:6px 10px;font-size:13px;transition:all .2s}.cp-row-suspend-btn:hover{color:#f59e0b;border-color:#f59e0b66}.cp-suspended-list{flex-direction:column;gap:10px;display:flex}.cp-suspended-card{background:var(--card);border:1px dashed var(--border);opacity:.75;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.cp-sus-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cp-suspended-code{letter-spacing:2px;color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:20px}.cp-sus-queue{color:var(--muted);font-size:12px}.cp-btn-reactivate{background:var(--crimson-dim);color:var(--crimson);cursor:pointer;white-space:nowrap;border:1px solid #dc0f0f4d;border-radius:9px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.cp-btn-reactivate:hover{background:#dc0f0f33}.cp-prio-badge{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.cp-meta-chip{color:var(--muted);white-space:nowrap;font-size:12px}.cp-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cp-modal{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:400px;padding:40px 36px;display:flex;box-shadow:0 8px 48px #0000004d}.cp-modal-icon{font-size:36px}.cp-modal-title{letter-spacing:2px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:28px}.cp-modal-sub{color:var(--muted);font-size:13px;line-height:1.6}.cp-modal-actions{gap:10px;width:100%;margin-top:8px;display:flex}.cp-btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.cp-btn-ghost:hover{border-color:var(--crimson);color:var(--crimson)}@media (width<=900px){.cp-stats{grid-template-columns:repeat(2,1fr)}.cp-hero-card{flex-direction:column;align-items:flex-start}.cp-hero-code{font-size:56px}.cp-hero-actions{flex-direction:row;width:100%}}@media (width<=600px){.cp-stats{grid-template-columns:1fr 1fr}}.tp-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.tp-stat{background:var(--card);border:1px solid var(--border);border-radius:13px;flex-direction:column;gap:6px;padding:20px 22px;display:flex}.tp-stat-val{font-family:Bebas Neue,sans-serif;font-size:36px;line-height:1}.tp-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.tp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tp-filters{gap:6px;display:flex}.tp-filter-btn{background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.tp-filter-btn.active{background:var(--crimson-dim);color:var(--crimson);border-color:#dc0f0f4d}.tp-invite-btn{background:var(--crimson);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.tp-invite-btn:hover{opacity:.85}.tp-table-wrap{overflow-x:auto}.tp-table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.tp-table thead tr{border-bottom:1px solid var(--border)}.tp-table th{text-align:left;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:13px 20px;font-size:10px;font-weight:700}.tp-table td{padding:14px 20px}.tp-tr{border-bottom:1px solid var(--border)}.tp-tr:last-child{border-bottom:none}.tp-tr:hover{background:var(--card2)}.tp-member-cell{align-items:center;gap:12px;display:flex}.tp-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.tp-member-name{color:var(--text);font-size:14px;font-weight:600}.tp-td-muted{color:var(--muted);font-size:13px}.tp-role-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.tp-delete-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:6px 10px;font-size:14px}.tp-delete-btn:hover{border-color:var(--crimson);color:var(--crimson)}.tp-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tp-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;width:440px;padding:36px;display:flex;position:relative;box-shadow:0 8px 48px #00000040}.tp-modal--sm{text-align:center;align-items:center;width:360px}.tp-modal-close{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:50%;width:28px;height:28px;font-size:12px;position:absolute;top:16px;right:16px}.tp-modal-icon{font-size:36px}.tp-modal-label{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700}.tp-modal-title{letter-spacing:2px;color:var(--text);margin:0;font-family:Bebas Neue,sans-serif;font-size:28px}.tp-modal-sub{color:var(--muted);font-size:13px;line-height:1.6}.tp-role-picker{flex-direction:column;gap:10px;display:flex}.tp-role-option{background:var(--card2);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative}.tp-role-option:hover{border-color:#dc0f0f4d}.tp-role-option.active{border-color:var(--crimson);background:var(--crimson-dim)}.tp-role-option-icon{flex-shrink:0;font-size:22px}.tp-role-option-title{color:var(--text);font-size:14px;font-weight:700}.tp-role-option-sub{color:var(--muted);font-size:12px}.tp-role-check{color:var(--crimson);font-size:16px;font-weight:700;position:absolute;right:14px}.tp-invite-generate-btn{background:var(--crimson);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.tp-invite-generate-btn:hover{opacity:.85}.tp-link-box{background:var(--card2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.tp-link-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.tp-copy-btn{background:var(--crimson);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.tp-modal-actions{gap:10px;width:100%;margin-top:4px;display:flex}.tp-btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.tp-btn-ghost:hover{border-color:var(--crimson);color:var(--crimson)}.tp-btn-danger{color:var(--crimson);cursor:pointer;background:#dc0f0f1a;border:1px solid #dc0f0f4d;border-radius:9px;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.tp-btn-danger:hover{background:#dc0f0f33}@media (width<=900px){.tp-stats{grid-template-columns:repeat(2,1fr)}}.ap-period-row{gap:6px;margin-bottom:28px;display:flex}.ap-period-btn{background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.ap-period-btn.active{background:var(--crimson-dim);color:var(--crimson);border-color:#dc0f0f4d}.ap-kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.ap-kpi{background:var(--card);border:1px solid var(--border);border-radius:13px;flex-direction:column;gap:10px;padding:22px 20px;display:flex}.ap-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ap-kpi-val{font-family:Bebas Neue,sans-serif;font-size:38px;line-height:1}.ap-kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.ap-row{grid-template-columns:1fr 340px;gap:20px;margin-bottom:20px;display:grid}.ap-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px}.ap-card-title{letter-spacing:2px;color:var(--muted);margin-bottom:24px;font-size:11px;font-weight:700}.ap-bar-chart{align-items:flex-end;gap:12px;height:180px;display:flex}.ap-bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.ap-bar-val{color:var(--muted);font-size:11px;font-weight:700}.ap-bar-track{background:var(--card2);border-radius:6px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.ap-bar-fill{background:var(--crimson);border-radius:6px;width:100%;min-height:4px}.ap-bar-day{color:var(--muted);font-size:11px;font-weight:600}.ap-donut-wrap{flex-direction:column;align-items:center;gap:20px;display:flex}.ap-donut-legend{flex-direction:column;gap:10px;width:100%;display:flex}.ap-legend-item{align-items:center;gap:10px;font-size:13px;display:flex}.ap-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ap-legend-label{color:var(--muted);flex:1}.ap-legend-val{font-weight:700}.ap-table{border-collapse:collapse;width:100%}.ap-table thead tr{border-bottom:1px solid var(--border)}.ap-table th{text-align:left;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:10px 20px 12px 0;font-size:10px;font-weight:700}.ap-table td{padding:14px 20px 14px 0}.ap-tr{border-bottom:1px solid var(--border)}.ap-tr:last-child{border-bottom:none}.ap-td-name{color:var(--text);font-size:14px;font-weight:600}.ap-td-muted{color:var(--muted);font-size:13px}.ap-wait-val{font-size:15px;font-weight:700}.ap-perf-track{background:var(--card2);border-radius:3px;min-width:120px;height:6px;overflow:hidden}.ap-perf-fill{border-radius:3px;height:100%}@media (width<=1000px){.ap-row{grid-template-columns:1fr}.ap-kpis{grid-template-columns:repeat(2,1fr)}}.sp-root{gap:28px;display:flex}.sp-nav{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;flex-shrink:0;gap:4px;width:200px;height:fit-content;padding:12px;display:flex}.sp-nav-item{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;display:flex}.sp-nav-item:hover{background:var(--card2);color:var(--text)}.sp-nav-item.active{background:var(--crimson-dim);color:var(--crimson);border-color:#dc0f0f33}.sp-nav-icon{font-size:16px}.sp-panel{flex:1;max-width:560px}.sp-section{flex-direction:column;gap:20px;display:flex}.sp-section-tag{letter-spacing:2px;color:var(--crimson);font-size:10px;font-weight:700}.sp-section-title{letter-spacing:2px;color:var(--text);margin-top:-8px;font-family:Bebas Neue,sans-serif;font-size:32px}.sp-section-sub{color:var(--muted);margin-top:-8px;font-size:14px}.sp-avatar-row{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:20px 22px;display:flex}.sp-avatar{background:var(--crimson-dim);width:56px;height:56px;color:var(--crimson);border:2px solid #dc0f0f4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.sp-avatar-name{color:var(--text);font-size:16px;font-weight:700}.sp-avatar-role{color:var(--muted);margin-top:2px;font-size:13px}.sp-avatar-service{color:var(--muted);margin-top:2px;font-size:12px}.sp-form{flex-direction:column;gap:16px;display:flex}.sp-field{flex-direction:column;gap:7px;display:flex}.sp-label{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700}.sp-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px}.sp-input:focus{border-color:#dc0f0f80}.sp-input::placeholder{color:var(--muted)}.sp-saved-banner{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:600}.sp-btn-primary{background:var(--crimson);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;padding:13px 28px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.sp-btn-primary:hover{opacity:.85}.sp-theme-grid{flex-direction:column;gap:12px;display:flex}.sp-theme-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative}.sp-theme-card:hover{border-color:#dc0f0f4d}.sp-theme-card.active{border-color:var(--crimson);background:var(--crimson-dim)}.sp-theme-preview{flex-shrink:0;gap:4px;display:flex}.sp-preview-swatch{border:1px solid #0000001a;border-radius:5px;width:18px;height:36px}.sp-theme-info{flex:1}.sp-theme-name{color:var(--text);font-size:15px;font-weight:700}.sp-theme-desc{color:var(--muted);margin-top:2px;font-size:12px}.sp-theme-check{color:var(--crimson);font-size:18px;font-weight:700;position:absolute;right:20px}.sp-info-box{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.sp-danger-card{background:var(--card);border:1px solid #dc0f0f33;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.sp-danger-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.sp-danger-desc{color:var(--muted);font-size:13px;line-height:1.5}.sp-btn-logout{color:var(--crimson);cursor:pointer;white-space:nowrap;background:#dc0f0f1a;border:1px solid #dc0f0f4d;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:flex}.sp-btn-logout:hover{background:#dc0f0f33}.sp-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sp-modal{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:360px;padding:40px 36px;display:flex;box-shadow:0 8px 48px #00000040}.sp-modal-icon{font-size:40px}.sp-modal-title{letter-spacing:2px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:28px}.sp-modal-sub{color:var(--muted);font-size:13px;line-height:1.6}.sp-modal-actions{gap:10px;width:100%;margin-top:4px;display:flex}.sp-btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.sp-btn-ghost:hover{border-color:var(--crimson);color:var(--crimson)}.sp-theme-confirm{color:var(--muted);align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.sp-theme-confirm strong{color:var(--text)}.sp-theme-confirm-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}:root{--crimson:#dc0f0f;--crimson-dim:#dc0f0f1f;--crimson-glow:#dc0f0f59;--surface:#0a0a0a;--card:#141414;--card2:#1a1a1a;--border:#ffffff12;--border-focus:#dc0f0f99;--text:#f0f0f0;--text-sec:#bbb;--muted:#666;--muted2:#444;--hint:#2a2a2a;--radius-sm:8px;--radius-md:13px;--radius-lg:16px;--shadow-card:0 4px 24px #0006;--shadow-modal:0 8px 48px #0009}[data-theme=light]{--surface:#f2f2f2;--card:#fff;--card2:#f7f7f7;--border:#00000017;--border-focus:#dc0f0f80;--text:#0d0d0d;--text-sec:#333;--muted:#888;--muted2:#aaa;--hint:#e0e0e0;--shadow-card:0 2px 16px #00000014;--shadow-modal:0 8px 48px #0000002e;--crimson:#dc0f0f;--crimson-dim:#dc0f0f17;--crimson-glow:#dc0f0f40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{transition:background-color .25s,color .25s}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}*,:before,:after{transition:background-color .2s,border-color .2s,color .15s,box-shadow .2s}button,input,textarea,select{font-family:inherit}a{color:var(--crimson);text-decoration:none}