@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.about-page{background:#03070f;color:#fff;min-height:100vh;overflow-x:hidden}.about-hero{position:relative;text-align:center;padding:84px 24px 40px;max-width:760px;margin:0 auto}.about-hero:before{content:"";position:absolute;top:-140px;left:50%;transform:translate(-50%);width:720px;height:480px;background:radial-gradient(ellipse at center,rgba(55,138,221,.18),transparent 70%);filter:blur(20px);pointer-events:none;z-index:0}.about-hero>*{position:relative;z-index:1}.about-badge{display:inline-flex;align-items:center;gap:8px;background:#378add1a;border:1px solid rgba(55,138,221,.3);color:#7ec8f7;font-size:12px;font-weight:600;padding:6px 16px;border-radius:999px;margin-bottom:24px}.about-badge-dot{width:6px;height:6px;border-radius:50%;background:#378add;flex-shrink:0}.about-hero h1{font-size:clamp(28px,4.2vw,44px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:18px;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-hero p{font-size:16px;color:#8ba8cce6;line-height:1.7;max-width:560px;margin:0 auto}.about-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:0 auto 80px;padding:0 24px}.about-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 16px;text-align:center}.about-stat-value{font-size:26px;font-weight:800;color:#f0f6ff;letter-spacing:-.5px;margin-bottom:6px}.about-stat-label{font-size:12px;color:#8ba8ccbf;font-weight:500}.about-section{max-width:720px;margin:0 auto;padding:48px 24px;text-align:center}.about-tag{display:inline-flex;align-items:center;background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#60a5fad9;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:16px}.about-section h2{font-size:clamp(22px,3vw,28px);font-weight:800;color:#f0f6ff;letter-spacing:-.5px;margin-bottom:16px;line-height:1.25}.about-section p{font-size:15px;color:#8ba8ccd9;line-height:1.75;max-width:600px;margin:0 auto}.about-cta{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--blue-mid),#1254a8);color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;padding:12px 28px;border-radius:999px;box-shadow:var(--shadow-blue);transition:transform .15s,box-shadow .15s}.about-cta:hover{transform:translateY(-2px)}.about-cta-ghost{background:transparent;box-shadow:none;border:1px solid rgba(255,255,255,.18);color:#dce8f7!important}.about-cta-ghost:hover{background:#ffffff0f;transform:translateY(-2px)}.about-section.about-split{max-width:1000px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;text-align:left}.about-split-text p{max-width:none;margin:0}.about-steps{display:flex;flex-direction:column;gap:22px}.about-step{display:flex;gap:16px;align-items:flex-start}.about-step-num{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-blue)}.about-step-title{font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:4px}.about-step-text{font-size:13px;color:#8ba8cccc;line-height:1.6}.about-advantages{max-width:1020px}.about-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;text-align:left}.about-adv-item{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:24px 20px;transition:transform .15s,border-color .15s}.about-adv-item:hover{transform:translateY(-3px);border-color:#ffffff24}.about-adv-featured{background:#378add12;border-color:#378add59;box-shadow:0 0 0 1px #378add1a,0 16px 40px #1a6fd424}.about-adv-flag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#7ec8f7;background:#378add26;padding:4px 10px;border-radius:999px;margin-bottom:14px}.about-adv-icon{font-size:26px;margin-bottom:14px}.about-adv-title{font-size:15px;font-weight:700;color:#f0f6ff;margin-bottom:8px;line-height:1.3}.about-adv-text{font-size:13px;color:#8ba8ccc7;line-height:1.65}.about-section-partner{max-width:1080px;margin:0 auto;background:#378add0a;border-radius:28px;padding:56px 48px}.about-partner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;text-align:left}.about-partner-text p{max-width:none;margin:0 0 24px}.about-partner-text h2{margin-bottom:14px}.about-dashboard-frame{position:relative}.about-dashboard-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(ellipse at center,rgba(55,138,221,.24),transparent 70%);filter:blur(20px);z-index:0}.about-dashboard-window{position:relative;z-index:1;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #00000080;background:var(--navy-dark)}.about-dashboard-chrome{display:flex;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.about-dot{width:9px;height:9px;border-radius:50%}.about-dot-red{background:#ff5f57}.about-dot-yellow{background:#febc2e}.about-dot-green{background:#28c840}.about-dashboard-window img{display:block;width:100%;height:auto}.about-equip-row{display:flex;justify-content:center;gap:16px;margin-top:32px;flex-wrap:wrap}.about-equip-item{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:12px 22px;font-size:13px;font-weight:600;color:#dce8f7}.about-equip-icon{font-size:18px}.about-contact-wrap{max-width:1080px;margin:24px auto 96px;padding:0 24px}.about-contact-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,var(--navy-mid),var(--navy-darkest));border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 30px 80px #00000080}.about-contact-glow{position:absolute;top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(55,138,221,.3),transparent 70%);filter:blur(20px);pointer-events:none}.about-contact-info{position:relative;z-index:1;padding:56px 48px;text-align:left}.about-contact-info h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;color:#fff;margin:14px 0 16px;letter-spacing:-.5px;line-height:1.25}.about-contact-info p{font-size:14px;color:#b4c8e1d9;line-height:1.7;margin:0 0 28px;max-width:420px}.about-contact-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}.about-contact-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#dce8f7}.about-contact-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;flex-shrink:0;background:#ffffff0f;font-size:15px}.about-contact-list a{color:#dce8f7;text-decoration:none}.about-contact-list a:hover{color:#7ec8f7;text-decoration:underline}.about-contact-form{position:relative;z-index:1;background:#ffffff08;border-left:1px solid rgba(255,255,255,.08);padding:48px 44px;display:flex;flex-direction:column;gap:16px}.about-form-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#b4c8e1b3}.about-form-optional{text-transform:none;font-weight:500;font-size:11px;color:#8ba8cc8c}.about-form-label input,.about-form-label textarea{font-family:inherit;font-size:14px;font-weight:500;text-transform:none;letter-spacing:normal;color:#f0f6ff;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;resize:vertical;transition:border-color .15s,background .15s}.about-form-label input::placeholder,.about-form-label textarea::placeholder{color:#8ba8cc73}.about-form-label input:focus,.about-form-label textarea:focus{outline:none;border-color:var(--blue-light);background:#ffffff0f}.about-form-submit{justify-content:center;margin-top:4px;border:none;cursor:pointer;font-family:inherit;font-size:14px}.about-form-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.about-form-microcopy{font-size:12px;color:#8ba8cca6;text-align:center;margin:0}.about-form-error{font-size:12px;color:#ffb4b4;background:#ff505014;border:1px solid rgba(255,80,80,.25);border-radius:10px;padding:10px 12px;line-height:1.5}.about-form-error a{color:#ffd4d4}.about-contact-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:20px 0}.about-contact-success-icon{font-size:36px;margin-bottom:12px}.about-contact-success h3{font-size:18px;font-weight:800;color:#f0f6ff;margin-bottom:8px}.about-contact-success p{font-size:13px;color:#8ba8cccc;margin-bottom:20px;max-width:none}.about-form-reset{background:transparent;border:1px solid rgba(255,255,255,.18);color:#dce8f7;font-size:13px;font-weight:600;padding:10px 20px;border-radius:999px;cursor:pointer;font-family:inherit}.about-form-reset:hover{background:#ffffff0f}@media(max-width:900px){.about-section.about-split{grid-template-columns:1fr;gap:36px;text-align:center}.about-split-text p{max-width:560px;margin:0 auto}.about-steps{max-width:420px;margin:0 auto;text-align:left}.about-partner-grid{grid-template-columns:1fr;text-align:center;gap:36px}.about-partner-text p{max-width:560px;margin:0 auto 24px}.about-dashboard-frame{max-width:560px;margin:0 auto}.about-adv-grid{grid-template-columns:1fr 1fr}.about-contact-card{grid-template-columns:1fr}.about-contact-form{border-left:none;border-top:1px solid rgba(255,255,255,.08)}.about-contact-info,.about-contact-form{padding:40px 32px}}@media(max-width:768px){.about-stats{grid-template-columns:1fr}.about-section-partner{padding:40px 20px;border-radius:20px}}@media(max-width:480px){.about-adv-grid{grid-template-columns:1fr}.about-contact-info,.about-contact-form{padding:32px 22px}}.vc-wrap{max-width:480px;margin:0 auto;padding:40px 20px 100px}.vc-input-card{background:#fff;border-radius:var(--radius-xl);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:20px}.vc-input-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:10px;display:block}.vc-input-wrap{position:relative}.vc-input{width:100%;padding:16px 52px 16px 18px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:20px;font-family:Plus Jakarta Sans,monospace;letter-spacing:4px;text-transform:uppercase;color:var(--text-primary);outline:none;box-sizing:border-box;transition:border-color var(--transition-md),box-shadow var(--transition-md);background:#fafbfc;font-weight:700}.vc-input:focus{border-color:var(--blue-mid);background:#fff;box-shadow:0 0 0 4px #1a6fd41a}.vc-input.vc-input-error{border-color:#e53935;box-shadow:0 0 0 4px #e539351a}.vc-input::placeholder{color:#c8d6e0;letter-spacing:2px;font-weight:400}.vc-input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:.5;pointer-events:none}.vc-btn{width:100%;margin-top:14px;padding:16px;background:linear-gradient(135deg,var(--blue-mid),#1254a8);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);font-family:Plus Jakarta Sans,sans-serif;box-shadow:var(--shadow-blue);letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px}.vc-btn:hover{background:linear-gradient(135deg,#1e7ae0,#1358b8);transform:translateY(-1px);box-shadow:0 10px 28px #1a6fd459}.vc-btn:active{transform:scale(.98)}.vc-hint{text-align:center;font-size:12px;color:var(--text-muted);margin-top:14px;font-weight:400}.result-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:fadeInUp .35s cubic-bezier(.4,0,.2,1) both}.result-strip{height:5px;background:linear-gradient(90deg,var(--blue-mid),var(--blue-light),#7ec8f7)}.result-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:#fafbfd}.result-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted)}.badge{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:5px}.badge-active{background:var(--green-pale);color:var(--green-deep)}.badge-expired{background:#ffebee;color:#c62828}.badge-unknown{background:var(--blue-pale);color:var(--blue-deep)}.result-code-wrap{padding:20px 24px;border-bottom:1px solid var(--border);text-align:center;background:linear-gradient(180deg,#f8fafc,#fff)}.result-code-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px}.result-code{font-size:28px;font-weight:800;color:var(--blue-deep);letter-spacing:8px;font-family:Plus Jakarta Sans,monospace;background:var(--blue-pale);padding:14px 20px;border-radius:var(--radius-md);display:inline-block}.result-body{padding:20px 24px}.progress-block{background:var(--bg);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:12px;border:1px solid var(--border);transition:transform var(--transition)}.progress-block:hover{transform:translateY(-1px)}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-name{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.progress-dot{width:7px;height:7px;border-radius:50%}.dot-blue{background:var(--blue-mid)}.dot-green{background:var(--green-deep)}.progress-pct{font-size:12px;font-weight:700;color:var(--text-primary);background:#fff;padding:2px 10px;border-radius:999px;border:1px solid var(--border)}.progress-track{background:var(--border);border-radius:999px;height:7px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;border-radius:999px;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.fill-blue{background:linear-gradient(90deg,var(--blue-mid),var(--blue-light))}.fill-green{background:linear-gradient(90deg,var(--green-deep),#43a047)}.fill-red{background:linear-gradient(90deg,#e53935,#ef5350)}.progress-nums{display:flex;justify-content:space-between;align-items:flex-end}.progress-main-val{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1}.progress-sub-val{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500}.progress-right-val{text-align:right}.progress-right-main{font-size:13px;font-weight:700;color:var(--text-muted)}.progress-right-sub{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:400}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.info-box{background:var(--bg);border-radius:var(--radius-md);padding:14px 16px;border:1px solid var(--border);transition:transform var(--transition)}.info-box:hover{transform:translateY(-1px)}.info-box-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:5px}.info-box-value{font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.expiry-row{background:linear-gradient(135deg,var(--navy-dark),var(--navy-mid));border-radius:var(--radius-md);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.expiry-left{display:flex;align-items:center;gap:8px}.expiry-icon{width:32px;height:32px;background:#378add26;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px}.expiry-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#8ba8ccb3;margin-bottom:2px}.expiry-value{font-size:13px;font-weight:700;color:#fff}.result-support{text-align:center;padding:4px 0 2px;font-size:13px;color:var(--text-muted)}.result-support a{color:var(--blue-light);text-decoration:none;font-weight:600;transition:color var(--transition)}.result-support a:hover{color:var(--blue-mid)}.vc-error{background:#fff;border-radius:var(--radius-xl);padding:40px 28px;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-md);animation:fadeInUp .3s ease both}.vc-error-emoji{font-size:48px;margin-bottom:16px;display:block;animation:shake .5s ease .2s both}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.vc-error h3{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.vc-error p{font-size:14px;color:var(--text-muted);margin-bottom:0;line-height:1.6}.vc-support-btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:#25d366;color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 4px 16px #25d3664d;transition:transform var(--transition),box-shadow var(--transition)}.vc-support-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.vc-loading{background:#fff;border-radius:var(--radius-xl);padding:48px 28px;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-md)}.vc-loading .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--blue-mid);margin:0 auto 16px}.vc-loading-text{font-size:15px;font-weight:600;color:var(--text-muted)}.vc-loading-sub{font-size:12px;color:var(--text-muted);margin-top:6px;opacity:.7}.signal-dots{display:flex;align-items:flex-end;gap:3px;margin-left:4px}.signal-dots span{background:var(--blue-light);border-radius:2px;width:4px;opacity:.7}.signal-dots span:nth-child(1){height:6px}.signal-dots span:nth-child(2){height:10px}.signal-dots span:nth-child(3){height:14px}.signal-dots span:nth-child(4){height:18px}@media(max-width:480px){.vc-wrap{padding:24px 16px 80px}.vc-input-card{padding:24px 20px}.result-body{padding:16px 18px}.result-code{font-size:22px;letter-spacing:5px}}.pa-wrap{max-width:560px;margin:0 auto;padding:40px 20px 100px}.pa-card{background:#fff;border-radius:var(--radius-xl);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-md)}.pa-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pa-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--blue-mid);margin-bottom:12px;border-top:1px solid var(--border);padding-top:14px}.pa-field{margin-bottom:18px}.pa-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;display:block}.pa-field input{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background:#fafbfc;font-family:inherit}.pa-field input:focus{border-color:var(--blue-mid);background:#fff;box-shadow:0 0 0 4px #1a6fd41a}.pa-field input::placeholder{color:#a9b8c4}.pa-optional{text-transform:none;font-weight:500;letter-spacing:normal;color:#a9b8c4}.pa-terms{background:#f4f7fa;border:1px solid transparent;border-radius:var(--radius-md);max-height:0;opacity:0;overflow:hidden;padding:0 18px;margin-bottom:0;transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin-bottom .28s ease,border-color .2s ease}.pa-terms.pa-terms-open{border-color:var(--border);max-height:500px;opacity:1;padding:16px 18px;margin-bottom:16px}.pa-terms-link{background:none;border:none;padding:0;font:inherit;color:var(--blue-mid);text-decoration:underline;cursor:pointer}.pa-terms-link:hover{color:#1254a8}.pa-terms-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--blue-mid);margin-bottom:10px}.pa-terms-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.pa-terms-list li{font-size:13px;line-height:1.6;color:var(--text-muted)}.pa-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:18px}.pa-checkbox-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:1px;accent-color:var(--blue-mid);cursor:pointer}.pa-checkbox-row span{font-size:13.5px;line-height:1.5;color:var(--text-primary)}.pa-error{background:#fdeeee;border:1px solid #f3c6c6;color:#b02a2a;border-radius:var(--radius-md);padding:12px 14px;font-size:13.5px;margin-bottom:18px}.pa-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--blue-mid),#1254a8);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:filter .2s,transform .15s}.pa-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pa-btn:disabled{opacity:.6;cursor:not-allowed}.pa-hint{text-align:center;font-size:12.5px;color:var(--text-muted);margin:14px 0 0}.pa-success{text-align:center;padding:48px 32px}.pa-success-emoji{font-size:40px;display:block;margin-bottom:16px}.pa-success h3{margin:0 0 10px;color:var(--text-primary)}.pa-success p{color:var(--text-muted);font-size:14.5px;line-height:1.6;margin:0}@media(max-width:560px){.pa-row{grid-template-columns:1fr;gap:0}.pa-card{padding:24px 20px}}.legal-page{background:#f4f6f9;color:#0f2b34;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.legal-page .legal-hero{background:#0f2044;color:#fff;text-align:center;padding:48px 24px 36px}.legal-page .legal-hero .tag{display:inline-block;border:1px solid #378add;color:#378add;font-size:12px;padding:4px 14px;border-radius:20px;margin-bottom:16px}.legal-page .legal-hero h1{font-size:28px;font-weight:700;margin-bottom:10px}.legal-page .legal-hero p{font-size:14px;color:#8ba8cc}.legal-page .content{max-width:780px;margin:0 auto;padding:40px 24px 60px}.legal-page .last-updated{background:#f4f6f9;border:1px solid #e8edf2;border-radius:8px;padding:12px 16px;font-size:12px;color:#7a8a99;margin-bottom:32px;display:inline-block}.legal-page .section{margin-bottom:36px}.legal-page .section h2{font-size:17px;font-weight:700;color:#0f2044;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e8edf2}.legal-page .section p{font-size:14px;color:#3a4f5e;line-height:1.8;margin-bottom:12px}.legal-page .section ul{list-style:none;margin:8px 0 12px}.legal-page .section ul li{font-size:14px;color:#3a4f5e;line-height:1.8;padding:4px 0 4px 20px;position:relative}.legal-page .section ul li:before{content:"→";position:absolute;left:0;color:#378add}.legal-page .highlight-box{background:#eaf3de;border-left:4px solid #3B6D11;border-radius:8px;padding:16px 20px;margin:16px 0}.legal-page .highlight-box p{color:#27500a;font-size:14px;line-height:1.7;margin:0}.legal-page .warning-box{background:#fff8e6;border-left:4px solid #f5a623;border-radius:8px;padding:16px 20px;margin:16px 0}.legal-page .warning-box p{color:#7a4f00;font-size:14px;line-height:1.7;margin:0}.legal-page .scenario-grid{display:grid;gap:12px;margin:16px 0}.legal-page .scenario-card{background:#fff;border:1px solid #e8edf2;border-radius:10px;padding:16px}.legal-page .scenario-title{font-size:14px;font-weight:600;color:#0f2044;margin-bottom:6px}.legal-page .scenario-outcome{font-size:13px;color:#3a4f5e;line-height:1.6}.legal-page .outcome-yes{color:#27500a;font-weight:600}.legal-page .outcome-no{color:#8b0000;font-weight:600}.legal-page .contact-box{background:#0a1628;border-radius:12px;padding:24px;margin-top:32px;text-align:center}.legal-page .contact-box h3{color:#fff;font-size:16px;margin-bottom:8px}.legal-page .contact-box p{color:#8ba8cc;font-size:14px;margin-bottom:4px}.legal-page .contact-box a{color:#378add;text-decoration:none}.legal-page footer{background:none;text-align:center;padding:24px;font-size:12px;color:#aaa;border-top:1px solid #e8edf2}.legal-page .footer-links{margin-top:8px}.legal-page .footer-links a{color:#378add;text-decoration:none;font-size:12px;margin:0 8px}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sora-latin-ext-400-normal-Twk1CgKs.woff2) format("woff2"),url(/assets/sora-latin-ext-400-normal-BmhJC382.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sora-latin-400-normal-CRt88UEn.woff2) format("woff2"),url(/assets/sora-latin-400-normal-OW7qkl5a.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sora-latin-ext-500-normal-B5KKQIFO.woff2) format("woff2"),url(/assets/sora-latin-ext-500-normal-DwxUJRqY.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sora-latin-500-normal-01eiPEn0.woff2) format("woff2"),url(/assets/sora-latin-500-normal-w58xtEt9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-ext-600-normal-Cue1zdhl.woff2) format("woff2"),url(/assets/sora-latin-ext-600-normal-DLOJK0Ta.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-600-normal-Cdg4DaK0.woff2) format("woff2"),url(/assets/sora-latin-600-normal-1_7fyUAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-ext-700-normal-DM0oy5s8.woff2) format("woff2"),url(/assets/sora-latin-ext-700-normal-Oc7uZIYt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-700-normal-9waGdLWo.woff2) format("woff2"),url(/assets/sora-latin-700-normal-BKPfQAnC.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.control-panel{--surface: #0d0f1a;--surface-raised: rgba(255,255,255,.045);--surface-sunken: rgba(255,255,255,.075);--border: rgba(255,255,255,.09);--border-subtle: rgba(255,255,255,.05);--text-primary: #f3f2fb;--text-secondary: #b5b8cf;--text-muted: #8b8fa8;--accent: #8b7bf0;--accent-hover: #6c5fd0;--accent-soft: rgba(139,123,240,.14);--accent-dim: #5b52a3;--cyan: #56e0c9;--success: #63d9a0;--success-soft: rgba(99,217,160,.14);--warning: #e0b968;--warning-soft: rgba(224,185,104,.14);--danger: #f0736a;--danger-soft: rgba(240,115,106,.14);--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 8px 30px rgba(0,0,0,.25);--shadow-lg: 0 20px 50px rgba(0,0,0,.45);--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--blur-lg: 18px;--blur-md: 16px;--blur-sm: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-ui: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--mesh-line: rgba(139,123,240,.16);--mesh-dot: rgba(86,224,201,.5);--glow-violet: rgba(139,123,240,.14);--glow-cyan: rgba(86,224,201,.08);--sidebar-bg: rgba(13,15,26,.4);--overlay-glass: rgba(20,18,40,.85);--cp-bg: var(--surface);--cp-panel: var(--surface-raised);--cp-panel-alt: var(--surface-sunken);--cp-border: var(--border);--cp-text: var(--text-primary);--cp-muted: var(--text-secondary);--cp-faint: var(--text-muted);--cp-blue: var(--accent);--cp-blue-strong: var(--accent-hover);--cp-green: var(--success);--cp-red: var(--danger);--cp-amber: var(--warning);position:relative;min-height:100vh;background:radial-gradient(600px 400px at 15% -10%,var(--glow-violet),transparent),radial-gradient(500px 500px at 90% 10%,var(--glow-cyan),transparent),var(--cp-bg);color:var(--cp-text);font-family:var(--font-ui);display:flex;transition:background .2s,color .2s;color-scheme:dark}.control-panel[data-theme=light]{color-scheme:light;--surface: #eef0f7;--surface-raised: rgba(255,255,255,.55);--surface-sunken: rgba(20,20,50,.035);--border: rgba(20,20,50,.09);--border-subtle: rgba(20,20,50,.05);--text-primary: #181b2c;--text-secondary: #4d5370;--text-muted: #8489a3;--accent: #6a5cd6;--accent-hover: #5748c4;--accent-soft: rgba(106,92,214,.1);--accent-dim: #b7aef0;--cyan: #12a68f;--success: #14915f;--success-soft: rgba(20,145,95,.1);--warning: #a8690a;--warning-soft: rgba(168,105,10,.1);--danger: #cf3f3f;--danger-soft: rgba(207,63,63,.1);--shadow-sm: 0 1px 2px rgba(20,30,60,.06);--shadow-md: 0 8px 30px rgba(20,30,60,.08);--shadow-lg: 0 20px 50px rgba(20,30,60,.16);--mesh-line: rgba(106,92,214,.1);--mesh-dot: rgba(18,166,143,.35);--glow-violet: rgba(106,92,214,.09);--glow-cyan: rgba(18,166,143,.06);--sidebar-bg: rgba(255,255,255,.4);--overlay-glass: rgba(255,255,255,.85)}.control-panel *{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.control-panel *::-webkit-scrollbar{width:8px;height:8px}.control-panel *::-webkit-scrollbar-track{background:transparent}.control-panel *::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.control-panel *::-webkit-scrollbar-thumb:hover{background:var(--cp-faint)}.control-panel .cp-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5;pointer-events:none}.control-panel .cp-mesh line{stroke:var(--mesh-line);stroke-width:1}.control-panel .cp-mesh circle{fill:var(--mesh-dot)}.control-panel .cp-login-wrap{position:relative;z-index:1;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.control-panel .cp-login-box{background:var(--cp-panel);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--cp-border);border-radius:16px;padding:40px 36px;width:100%;max-width:380px}.control-panel .cp-login-logo{font-size:22px;font-weight:700;color:var(--cp-text);margin-bottom:6px}.control-panel .cp-login-logo span{color:var(--cp-blue)}.control-panel .cp-login-sub{font-size:13px;color:var(--cp-faint);margin-bottom:28px}.control-panel .cp-login-box label{display:block;font-size:12px;color:var(--cp-muted);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.control-panel .cp-login-box label.cp-checkbox-label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal;font-size:13px;color:var(--cp-muted);margin-bottom:18px;cursor:pointer}.control-panel .cp-checkbox-label input[type=checkbox]{width:15px;height:15px;margin:0;padding:0;border:none;background:none;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.control-panel .cp-login-box input{width:100%;background:var(--cp-panel-alt);border:1px solid var(--cp-border);border-radius:8px;padding:11px 14px;font-size:14px;color:var(--cp-text);margin-bottom:18px;outline:none;transition:border-color .2s;box-sizing:border-box}.control-panel .cp-login-box input:focus{border-color:var(--cp-blue)}.control-panel .cp-login-error{background:#2a1020;border:1px solid #5a1a2a;color:var(--cp-red);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.control-panel .cp-login-header{text-align:center;margin-bottom:26px}.control-panel .cp-login-brand-logo{height:64px;width:auto;margin:0 auto 10px;display:block}.control-panel .cp-login-header .cp-login-sub{margin-bottom:0}.control-panel .cp-login-box-wide{max-width:440px}.control-panel .cp-login-field-wrap{position:relative}.control-panel .cp-login-field-icon{position:absolute;left:14px;top:15px;color:var(--cp-faint);pointer-events:none}.control-panel .cp-login-box input.has-icon{padding-left:40px}.control-panel .cp-login-box input.has-toggle{padding-right:42px}.control-panel .cp-login-field-toggle{position:absolute;right:10px;top:7px;background:none;border:none;color:var(--cp-faint);cursor:pointer;padding:6px;display:flex;border-radius:var(--radius-sm);transition:color .15s}.control-panel .cp-login-field-toggle:hover{color:var(--cp-text)}.control-panel .cp-login-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.control-panel .cp-login-label-row label{margin-bottom:0}.control-panel .cp-link-btn-inline{background:none;border:none;color:var(--cp-blue);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;padding:0}.control-panel .cp-link-btn-inline:hover{text-decoration:underline}.control-panel .cp-login-footer{text-align:center;margin-top:24px}.control-panel .cp-login-footer-links{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12.5px}.control-panel .cp-login-footer-links a{color:var(--cp-muted);text-decoration:none}.control-panel .cp-login-footer-links a:hover{color:var(--cp-text);text-decoration:underline}.control-panel .cp-login-footer-sep{color:var(--cp-faint)}.control-panel .cp-login-footer-copyright{font-family:var(--font-mono);font-size:10.5px;color:var(--cp-faint);margin-top:10px;letter-spacing:.03em}.control-panel .cp-login-box .cp-btn-primary,.control-panel .cp-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s}.control-panel .cp-login-box .cp-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px}.control-panel .cp-btn-primary:hover{filter:brightness(1.08)}.control-panel .cp-link-btn{display:block;width:100%;text-align:center;background:none;border:none;margin-top:16px;color:var(--cp-blue);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.control-panel .cp-link-btn:hover{text-decoration:underline}.control-panel .cp-sidebar{z-index:1;width:250px;flex-shrink:0;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:20px 14px;height:100vh;position:sticky;top:0}.control-panel .cp-sidebar-brand{font-size:14px;font-weight:600;color:var(--cp-text);padding:6px 6px 18px 10px;white-space:nowrap}.control-panel .cp-brand-node{width:20px;height:20px;position:relative;flex-shrink:0}.control-panel .cp-brand-node .core{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.control-panel .cp-brand-node .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--cyan);opacity:.4}.control-panel .cp-brand-sub{font-size:11px;font-weight:500;color:var(--cp-faint);margin-top:4px;padding-left:28px}.control-panel .cp-hostel-select{display:block;width:100%;background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--text-primary);outline:none;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-panel .cp-hostel-select-static{cursor:default}.control-panel .cp-hostel-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.control-panel .cp-nav{flex:1;overflow-y:auto}.control-panel .cp-nav-label{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--cp-faint);text-transform:uppercase;letter-spacing:.14em;padding:16px 10px 6px}.control-panel .cp-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:1px solid transparent;color:var(--cp-muted);font-size:13px;font-weight:500;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s;position:relative;margin-bottom:4px}.control-panel .cp-nav-partner .cp-nav-item{margin-bottom:12px;padding:11px 10px}.control-panel .cp-nav-item:hover{background:var(--surface-raised);color:var(--cp-text)}.control-panel .cp-nav-item.active{background:linear-gradient(135deg,var(--accent-soft),transparent);border-color:var(--accent-soft);color:var(--text-primary)}.control-panel .cp-nav-item svg{flex-shrink:0;opacity:.9}.control-panel .cp-nav-badge{margin-left:auto;font-family:var(--font-mono);background:var(--danger-soft);color:var(--danger);font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}.control-panel .cp-sidebar-footer{padding:14px 10px 4px;border-top:1px solid var(--border-subtle);margin-top:8px}.control-panel .cp-sidebar-footer-label{font-size:11px;color:var(--cp-faint)}.control-panel .cp-sidebar-footer-val{font-family:var(--font-mono);font-size:12px;color:var(--cyan);margin-top:3px}.control-panel .cp-sidebar-copyright{padding:10px 10px 4px;font-size:10.5px;color:var(--cp-faint);opacity:.6;letter-spacing:.2px}.control-panel .cp-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dim));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.control-panel .cp-main{position:relative;z-index:1;flex:1;min-width:0;padding:28px 32px 48px;overflow-x:hidden}.control-panel .cp-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.control-panel .cp-topbar h1{font-size:20px;font-weight:700;color:var(--cp-text)}.control-panel .cp-logout-btn{background:none;border:1px solid var(--cp-border);color:var(--cp-muted);border-radius:8px;padding:7px 14px;font-size:12.5px;cursor:pointer;transition:all .2s}.control-panel .cp-logout-btn:hover{border-color:var(--cp-blue);color:var(--cp-blue)}.control-panel .cp-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.control-panel .cp-stat-grid.cols-3{grid-template-columns:repeat(3,1fr)}.control-panel .cp-stat-card{background:var(--cp-panel);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--cp-border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.control-panel .cp-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.control-panel .cp-stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.control-panel .cp-stat-label{font-size:12.5px;color:var(--cp-muted)}.control-panel .cp-stat-icon{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.control-panel .cp-stat-icon.green{background:var(--success-soft);color:var(--success)}.control-panel .cp-stat-icon.blue{background:var(--accent-soft);color:var(--accent)}.control-panel .cp-stat-value{font-size:24px;font-weight:700;color:var(--cp-text);letter-spacing:-.3px}.control-panel .cp-stat-value.green{color:var(--cp-green)}.control-panel .cp-stat-value.blue{color:var(--cp-blue)}.control-panel .cp-stat-value.lg{font-size:30px}.control-panel .cp-stat-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;flex-wrap:wrap}.control-panel .cp-stat-sub{font-size:11.5px;color:var(--cp-faint)}.control-panel .cp-stat-trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700}.control-panel .cp-stat-trend.up{color:var(--success)}.control-panel .cp-stat-trend.down{color:var(--danger)}.control-panel .cp-quick-actions{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.control-panel .cp-quick-action{display:flex;align-items:center;gap:9px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 16px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit;box-shadow:var(--shadow-sm)}.control-panel .cp-quick-action:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.control-panel .cp-quick-action-icon{color:var(--accent);display:flex}.control-panel .cp-timeline{display:flex;flex-direction:column}.control-panel .cp-timeline-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.control-panel .cp-timeline-row:last-child{border-bottom:none;padding-bottom:0}.control-panel .cp-timeline-row:first-child{padding-top:0}.control-panel .cp-timeline-icon{width:30px;height:30px;border-radius:50%;background:var(--success-soft);color:var(--success);display:flex;align-items:center;justify-content:center;flex-shrink:0}.control-panel .cp-timeline-body{flex:1;min-width:0}.control-panel .cp-timeline-main{font-size:13.5px;color:var(--text-primary)}.control-panel .cp-timeline-main strong{font-weight:700}.control-panel .cp-timeline-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.control-panel .cp-timeline-amount{font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:var(--success);white-space:nowrap}.control-panel .cp-row2{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:20px}.control-panel .cp-revenue-split-card{display:flex;align-items:center;flex-wrap:wrap;gap:24px;background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:var(--radius-lg);padding:18px 24px;margin-bottom:20px}.control-panel .cp-revenue-split-item{display:flex;flex-direction:column;gap:4px}.control-panel .cp-revenue-split-label{font-size:12px;color:var(--text-secondary)}.control-panel .cp-revenue-split-value{font-family:var(--font-mono);font-size:19px;font-weight:700;color:var(--text-primary)}.control-panel .cp-revenue-split-value.minus{color:var(--danger)}.control-panel .cp-revenue-split-value.highlight{color:var(--success)}.control-panel .cp-revenue-split-note{margin-left:auto;font-size:12px;color:var(--success);font-weight:600}.control-panel .cp-stock-bars{display:flex;flex-direction:column;gap:14px}.control-panel .cp-stock-bar-row{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:12px}.control-panel .cp-stock-bar-label{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-panel .cp-stock-bar-track{background:var(--surface-sunken);border-radius:999px;height:8px;overflow:hidden}.control-panel .cp-stock-bar-fill{height:100%;border-radius:999px}.control-panel .cp-stock-bar-fill.ok{background:linear-gradient(90deg,#1a9c6f,var(--success))}.control-panel .cp-stock-bar-fill.low{background:linear-gradient(90deg,#a06a1a,var(--warning))}.control-panel .cp-stock-bar-fill.out{background:var(--danger)}.control-panel .cp-card{background:var(--cp-panel);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--cp-border);border-radius:var(--radius-lg);padding:22px 24px}.control-panel .cp-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.control-panel .cp-card-title{font-size:14.5px;font-weight:700;color:var(--cp-text)}.control-panel .cp-card-link{font-size:12.5px;color:var(--cp-blue);text-decoration:none;display:inline-flex;align-items:center;gap:2px;background:none;border:none;cursor:pointer;font-family:inherit}.control-panel .cp-card-link:hover{text-decoration:underline}.control-panel .cp-chart{display:flex;align-items:flex-end;gap:10px;height:140px;padding-top:8px;overflow-x:auto;overflow-y:hidden}.control-panel .cp-chart-col{flex:1 0 26px;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.control-panel .cp-chart-bar-wrap{flex:1;display:flex;align-items:flex-end;width:100%;justify-content:center}.control-panel .cp-chart-bar{width:60%;max-width:28px;background:linear-gradient(180deg,var(--cp-green),#1a9c6f);border-radius:4px 4px 2px 2px;position:relative;transition:opacity .15s}.control-panel .cp-chart-bar:hover{opacity:.85}.control-panel .cp-chart-day{font-size:11px;color:var(--cp-faint)}.control-panel .cp-chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--overlay-glass);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--accent-soft);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:3px 7px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.control-panel .cp-chart-bar:hover .cp-chart-tooltip{opacity:1}.control-panel .cp-loc-list{display:flex;flex-direction:column;gap:12px}.control-panel .cp-loc-item{display:flex;align-items:center;gap:10px}.control-panel .cp-loc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.control-panel .cp-loc-dot.live{background:var(--cp-green)}.control-panel .cp-loc-dot.offline{background:var(--cp-amber)}.control-panel .cp-loc-name{font-size:13.5px;font-weight:600;color:var(--cp-text);flex:1}.control-panel .cp-loc-revenue{font-size:12.5px;font-weight:700;color:var(--cp-green);margin-right:8px}.control-panel .cp-loc-badge{font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px}.control-panel .cp-loc-badge.live{background:#34d39926;color:var(--cp-green)}.control-panel .cp-loc-badge.offline{background:#f5a62326;color:var(--cp-amber)}.control-panel .cp-table{width:100%;border-collapse:collapse;font-size:13px}.control-panel .cp-table th{text-align:left;font-family:var(--font-mono);font-size:9.5px;color:var(--cp-faint);padding:8px 10px;border-bottom:1px solid var(--cp-border);font-weight:500;text-transform:uppercase;letter-spacing:.07em}.control-panel .cp-table td{padding:12px 10px;border-bottom:1px solid var(--cp-panel-alt);color:var(--cp-text)}.control-panel .cp-table tr:last-child td{border-bottom:none}.control-panel .cp-table thead tr{background:transparent}.control-panel .cp-table tbody tr:hover td{background:var(--surface-raised)}.control-panel .cp-plan-pill{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-block}.control-panel .cp-amount{font-family:var(--font-mono);color:var(--cp-green);font-weight:700}.control-panel .cp-status-paid{color:var(--cp-green);font-weight:600;font-size:12.5px}.control-panel .cp-table-more{display:flex;justify-content:center;padding-top:16px}.control-panel .cp-more-btn{width:34px;height:34px;border-radius:50%;background:var(--cp-panel-alt);border:1px solid var(--cp-border);color:var(--cp-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.control-panel .cp-more-btn:hover{border-color:var(--cp-blue);color:var(--cp-blue)}.control-panel .cp-segmented{display:inline-flex;gap:2px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin-bottom:18px}.control-panel .cp-segmented-btn{background:none;border:none;color:var(--text-secondary);border-radius:var(--radius-sm);padding:7px 16px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.control-panel .cp-segmented-btn:hover{color:var(--text-primary)}.control-panel .cp-segmented-btn.active{background:var(--surface-raised);color:var(--accent);box-shadow:var(--shadow-sm)}.control-panel .cp-rank-list{display:flex;flex-direction:column;gap:14px}.control-panel .cp-rank-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.control-panel .cp-rank-label{font-size:13px;font-weight:600;color:var(--cp-text)}.control-panel .cp-rank-value{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--cp-green)}.control-panel .cp-rank-count{font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--cp-faint)}.control-panel .cp-rank-track{background:var(--cp-panel-alt);border-radius:999px;height:8px;overflow:hidden}.control-panel .cp-rank-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1a9c6f,var(--cp-green))}.control-panel .cp-date-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cp-muted);font-weight:600;flex:1;min-width:180px}.control-panel .cp-date-input{background:var(--cp-panel-alt);border:1px solid var(--cp-border);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--cp-text);outline:none;cursor:pointer;color-scheme:dark;flex:1;min-width:0}.control-panel .cp-date-input:focus{border-color:var(--cp-blue)}.control-panel .cp-filter-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.control-panel .cp-search-input-wrap{position:relative;flex:1;min-width:220px}.control-panel .cp-search-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.control-panel .cp-search-input{width:100%;background:var(--cp-panel-alt);border:1px solid var(--cp-border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;color:var(--cp-text);outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.control-panel .cp-search-input.has-icon{padding-left:34px}.control-panel .cp-search-input:focus{border-color:var(--cp-blue)}.control-panel .cp-search-input:disabled{opacity:.6;cursor:not-allowed}.control-panel .cp-select{background:var(--cp-panel-alt);border:1px solid var(--cp-border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;color:var(--cp-text);outline:none;cursor:pointer;font-family:inherit}.control-panel .cp-select:disabled{opacity:.6;cursor:not-allowed}.control-panel select option{background:var(--surface);color:var(--text-primary)}.control-panel .cp-filter-summary{font-size:12.5px;color:var(--cp-faint);margin-bottom:14px}.control-panel .cp-select:focus-visible,.control-panel .cp-date-input:focus-visible,.control-panel .cp-search-input:focus-visible,.control-panel .cp-form-group input:focus-visible,.control-panel .cp-form-group select:focus-visible,.control-panel .cp-textarea:focus-visible,.control-panel .cp-login-box input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.control-panel .cp-table-scroll{overflow:auto;max-height:600px;border-radius:var(--radius-sm)}.control-panel .cp-loc-list-scroll{overflow-y:auto;max-height:600px;padding-right:4px}.control-panel .cp-table-sticky thead th{position:sticky;top:0;background:var(--surface-raised);z-index:2;box-shadow:0 1px 0 var(--border)}.control-panel .cp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.control-panel .cp-form-group label{display:block;font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--cp-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.control-panel .cp-form-group input{width:100%;background:var(--cp-panel-alt);border:1px solid var(--cp-border);border-radius:8px;padding:9px 12px;font-size:13.5px;color:var(--cp-text);outline:none;box-sizing:border-box;transition:border-color .2s}.control-panel .cp-form-group input:focus{border-color:var(--cp-blue)}.control-panel .cp-form-group input[type=file]{font-size:12.5px;color:var(--cp-muted)}.control-panel .cp-textarea{width:100%;background:var(--cp-panel-alt);border:1px solid var(--cp-border);border-radius:8px;padding:10px 12px;font-size:13px;font-family:monospace;color:var(--cp-text);outline:none;box-sizing:border-box;resize:vertical;transition:border-color .2s}.control-panel .cp-textarea:focus{border-color:var(--cp-blue)}.control-panel .cp-form-hint{font-size:11px;color:var(--cp-faint);margin-top:4px}.control-panel .cp-inline-link{background:none;border:none;padding:0;margin:0;font:inherit;font-size:11px;font-weight:600;color:var(--cp-blue);cursor:pointer;text-decoration:underline}.control-panel .cp-inline-link:hover{color:var(--cp-blue-strong)}.control-panel .cp-stock-pill{display:inline-block;font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:3px 9px;border-radius:999px;min-width:28px;text-align:center}.control-panel .cp-stock-pill.ok{background:#34d39926;color:var(--cp-green)}.control-panel .cp-stock-pill.low{background:#f5a62326;color:var(--cp-amber)}.control-panel .cp-stock-pill.out{background:#f8717126;color:var(--cp-red)}.control-panel .cp-form-result{font-size:12.5px;margin-top:10px;min-height:18px}.control-panel .cp-btn-save{background:var(--cp-blue-strong);color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s}.control-panel .cp-btn-save:hover{background:var(--cp-blue)}.control-panel .cp-btn-save:disabled{opacity:.6;cursor:not-allowed}.control-panel .cp-btn-cancel{background:transparent;border:1px solid var(--cp-border);color:var(--cp-muted);border-radius:8px;padding:10px 18px;font-size:13.5px;cursor:pointer;margin-left:8px;transition:all .2s}.control-panel .cp-btn-cancel:hover{border-color:var(--cp-blue);color:var(--cp-text)}.control-panel .cp-btn-danger{background:transparent;border:1px solid rgba(248,113,113,.3);color:#d97a7a;border-radius:8px;padding:7px 12px;font-size:12.5px;cursor:pointer;transition:all .2s}.control-panel .cp-btn-danger:hover{border-color:var(--cp-red);color:var(--cp-red)}.control-panel .cp-btn-danger:disabled{opacity:.5;cursor:not-allowed}.control-panel .cp-loc-card{background:var(--cp-panel);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--cp-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;flex-wrap:wrap}.control-panel .cp-loc-card:last-child{margin-bottom:0}.control-panel .cp-loc-card-info{flex:1;min-width:200px}.control-panel .cp-loc-card-name{font-size:14.5px;font-weight:700;color:var(--cp-text);margin-bottom:4px}.control-panel .cp-loc-card-meta{font-size:12px;color:var(--cp-faint);line-height:1.6}.control-panel .cp-loc-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.control-panel .cp-loc-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-panel .cp-loc-card-actions .cp-btn-ghost,.control-panel form .cp-btn-ghost{margin-left:8px}.control-panel .cp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.control-panel .cp-modal-box{background:var(--cp-panel);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--cp-border);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:cpModalIn .15s ease;box-shadow:var(--shadow-lg)}@keyframes cpModalIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}.control-panel .cp-modal-title{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:var(--cp-text);margin-bottom:20px}.control-panel .cp-modal-close{background:none;border:none;color:var(--cp-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.control-panel .cp-modal-close:hover{color:var(--cp-red)}.control-panel .cp-placeholder{background:var(--cp-panel);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--cp-border);border-radius:var(--radius-lg);padding:60px 24px;text-align:center;color:var(--cp-faint);font-size:14px}.control-panel .cp-card{box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease,background .2s,border-color .2s}.control-panel .cp-card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-soft)}.control-panel .cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:13.5px;font-weight:600;border-radius:var(--radius-sm);padding:9px 18px;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.control-panel .cp-btn:disabled{opacity:.55;cursor:not-allowed}.control-panel .cp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control-panel .cp-btn-sm{padding:6px 12px;font-size:12.5px}.control-panel .cp-btn-icon{padding:8px;border-radius:var(--radius-sm)}.control-panel .cp-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:var(--shadow-sm);border-color:transparent}.control-panel .cp-btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--shadow-md)}.control-panel .cp-btn-secondary{background:var(--surface-sunken);color:var(--text-primary);border-color:var(--border)}.control-panel .cp-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.control-panel .cp-btn-success{background:var(--success-soft);color:var(--success);border-color:transparent}.control-panel .cp-btn-success:hover:not(:disabled){background:var(--success);color:#fff}.control-panel .cp-btn-warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.control-panel .cp-btn-warning:hover:not(:disabled){background:var(--warning);color:#fff}.control-panel .cp-btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.control-panel .cp-btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.control-panel .cp-btn-ghost{background:transparent;color:var(--text-secondary)}.control-panel .cp-btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-primary)}.control-panel .cp-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cpSpin .7s linear infinite;flex-shrink:0}@keyframes cpSpin{to{transform:rotate(360deg)}}.control-panel .cp-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.control-panel .cp-icon-btn:hover{background:var(--surface-sunken);color:var(--text-primary);border-color:var(--border)}.control-panel .cp-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.control-panel .cp-toast-stack{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 40px))}.control-panel .cp-toast{display:flex;align-items:center;gap:10px;background:var(--overlay-glass);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-lg);font-size:13px;color:var(--text-primary);animation:cpToastIn .2s ease}@keyframes cpToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.control-panel .cp-toast-success{border-left:3px solid var(--success)}.control-panel .cp-toast-success svg{color:var(--success)}.control-panel .cp-toast-error{border-left:3px solid var(--danger)}.control-panel .cp-toast-error svg{color:var(--danger)}.control-panel .cp-toast-info{border-left:3px solid var(--accent)}.control-panel .cp-toast-info svg{color:var(--accent)}.control-panel .cp-toast span{flex:1;line-height:1.4}.control-panel .cp-toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.control-panel .cp-toast-close:hover{color:var(--text-primary)}.control-panel .cp-confirm-box{background:var(--overlay-glass);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-lg);animation:cpModalIn .15s ease}.control-panel .cp-confirm-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.control-panel .cp-confirm-icon.danger{background:var(--danger-soft);color:var(--danger)}.control-panel .cp-confirm-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.control-panel .cp-confirm-message{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:22px}.control-panel .cp-confirm-actions{display:flex;gap:10px;justify-content:center}.control-panel .cp-skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border-subtle) 37%,var(--surface-sunken) 63%);background-size:400% 100%;border-radius:6px;animation:cpShimmer 1.4s ease infinite}@keyframes cpShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.control-panel .cp-empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.control-panel .cp-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--surface-sunken);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.control-panel .cp-empty-title{font-size:14.5px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.control-panel .cp-empty-message{font-size:13px;color:var(--text-muted);max-width:320px;margin:0 auto 16px;line-height:1.6}.control-panel .cp-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;font-weight:500;padding:3px 9px;border-radius:999px;letter-spacing:.03em}.control-panel .cp-badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.control-panel .cp-badge-success{background:var(--success-soft);color:var(--success)}.control-panel .cp-badge-warning{background:var(--warning-soft);color:var(--warning)}.control-panel .cp-badge-danger{background:var(--danger-soft);color:var(--danger)}.control-panel .cp-badge-info{background:var(--accent-soft);color:var(--accent)}.control-panel .cp-badge-lg{font-size:13px;font-weight:600;padding:5px 12px}.control-panel .cp-status-dot-wrap{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary)}.control-panel .cp-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.control-panel .cp-status-dot-success{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.control-panel .cp-status-dot-warning{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.control-panel .cp-status-dot-danger{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.control-panel .cp-status-dot-neutral{background:var(--text-muted)}.control-panel .cp-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px}.control-panel .cp-breadcrumb-root{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.control-panel .cp-breadcrumb-sep{color:var(--text-muted);opacity:.5}.control-panel .cp-breadcrumb-current{color:var(--text-primary);font-weight:700;font-size:18px}.control-panel .cp-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-panel .cp-sidebar-brand .accent{color:var(--accent)}.control-panel .cp-sidebar-collapse-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.control-panel .cp-sidebar-collapse-btn:hover{background:var(--surface-sunken);color:var(--text-primary)}.control-panel .cp-sidebar.collapsed{width:76px}.control-panel .cp-sidebar.collapsed .cp-sidebar-brand{justify-content:center}.control-panel .cp-sidebar.collapsed .cp-nav-item{justify-content:center;padding:10px}.control-panel .cp-sidebar.collapsed .cp-nav-item-label,.control-panel .cp-sidebar.collapsed .cp-nav-badge{display:none}.control-panel .cp-sidebar{transition:width .2s ease}.control-panel .cp-nav-item-accent{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent);border-radius:0 3px 3px 0;transition:height .15s ease}.control-panel .cp-nav-item.active .cp-nav-item-accent{height:18px}.control-panel .cp-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.control-panel .cp-topbar2{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.control-panel .cp-topbar2-right{display:flex;align-items:center;gap:8px}.control-panel .cp-searchbar-wrap{position:relative;display:none}.control-panel .cp-searchbar-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.control-panel .cp-searchbar-input{width:220px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px 8px 34px;font-size:13px;color:var(--text-primary);outline:none;transition:all .15s ease;font-family:inherit}.control-panel .cp-searchbar-input:focus{border-color:var(--accent);width:260px}.control-panel .cp-searchbar-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--overlay-glass);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:60}.control-panel .cp-searchbar-result{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:10px 14px;font-size:13px;color:var(--text-primary);cursor:pointer;font-family:inherit}.control-panel .cp-searchbar-result:hover{background:var(--surface-sunken)}@media(min-width:700px){.control-panel .cp-searchbar-wrap{display:block}}.control-panel .cp-dropdown-wrap{position:relative}.control-panel .cp-dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 32px);background:var(--overlay-glass);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden;animation:cpModalIn .15s ease}.control-panel .cp-dropdown-header{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.control-panel .cp-dropdown-empty{display:flex;align-items:center;gap:8px;padding:20px 16px;color:var(--text-muted);font-size:13px}.control-panel .cp-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:11px 16px;font-size:13.5px;color:var(--text-primary);cursor:pointer;font-family:inherit;transition:background .15s}.control-panel .cp-dropdown-item:hover{background:var(--surface-sunken)}.control-panel .cp-dropdown-footer-link{display:block;width:100%;background:none;border:none;border-top:1px solid var(--border-subtle);padding:11px 16px;font-size:12.5px;font-weight:600;color:var(--accent);cursor:pointer;text-align:center;font-family:inherit}.control-panel .cp-dropdown-footer-link:hover{background:var(--surface-sunken)}.control-panel .cp-notif-panel{max-height:420px;overflow-y:auto}.control-panel .cp-notif-item{display:flex;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border-subtle)}.control-panel .cp-notif-item:last-child{border-bottom:none}.control-panel .cp-notif-icon-warning{color:var(--warning);margin-top:2px}.control-panel .cp-notif-icon-danger{color:var(--danger);margin-top:2px}.control-panel .cp-notif-text{font-size:13px;color:var(--text-primary);line-height:1.4}.control-panel .cp-notif-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.control-panel .cp-notif-badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;border-radius:999px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0 3px}.control-panel .cp-profile-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid transparent;cursor:pointer;padding:5px 10px 5px 5px;border-radius:999px;transition:all .15s ease;color:var(--text-primary);font-family:inherit}.control-panel .cp-profile-btn:hover{background:var(--surface-sunken);border-color:var(--border)}.control-panel .cp-profile-name{font-size:13px;font-weight:600}.control-panel .cp-profile-panel{padding-bottom:4px}.control-panel .cp-theme-toggle-login{position:fixed;top:20px;right:20px;width:38px;height:38px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.control-panel .cp-theme-toggle-login:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:980px){.control-panel{flex-direction:column}.control-panel .cp-sidebar{width:100%;height:auto;flex-direction:row;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:30;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--cp-border);box-shadow:0 -6px 20px #00000059}.control-panel .cp-sidebar-brand{display:none}.control-panel .cp-sidebar.collapsed,.control-panel .cp-sidebar{width:100%}.control-panel .cp-nav{display:flex;flex:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:2px;width:100%;-webkit-overflow-scrolling:touch}.control-panel .cp-nav>div{display:contents}.control-panel .cp-nav-label{display:none}.control-panel .cp-nav-item,.control-panel .cp-sidebar.collapsed .cp-nav-item{flex-direction:column;justify-content:center;gap:3px;width:auto;min-width:60px;flex-shrink:0;padding:8px 6px 7px}.control-panel .cp-nav-item-accent{display:none}.control-panel .cp-sidebar.collapsed .cp-nav-item-label,.control-panel .cp-sidebar.collapsed .cp-nav-badge{display:block}.control-panel .cp-nav-item-label{font-size:10px;font-weight:600;white-space:nowrap}.control-panel .cp-nav-badge{position:absolute;top:2px;right:8px;margin-left:0}.control-panel .cp-sidebar-hostel-filter{flex:none;flex-shrink:0;padding:0 6px!important;display:flex;align-items:center;max-width:132px}.control-panel .cp-sidebar-hostel-filter .cp-nav-label{display:none}.control-panel .cp-sidebar-hostel-filter .cp-select,.control-panel .cp-sidebar-hostel-filter .cp-hostel-select{padding:8px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-panel .cp-sidebar .cp-dropdown-panel{top:auto;bottom:calc(100% + 8px);left:0;right:auto;max-height:55vh;overflow-y:auto}.control-panel .cp-main{padding:18px 16px calc(80px + env(safe-area-inset-bottom))}.control-panel .cp-stat-grid,.control-panel .cp-stat-grid.cols-3{grid-template-columns:repeat(2,1fr)}.control-panel .cp-row2{grid-template-columns:1fr}.control-panel .cp-topbar2-right{gap:4px}}@media(max-width:560px){.control-panel .cp-form-row{grid-template-columns:1fr;gap:10px}.control-panel .cp-loc-card{flex-direction:column;align-items:flex-start}.control-panel .cp-modal-box{padding:20px}.control-panel .cp-main{padding:14px 12px calc(80px + env(safe-area-inset-bottom))}.control-panel .cp-breadcrumb-current{font-size:17px}.control-panel .cp-profile-name{display:none}.control-panel .cp-stat-grid,.control-panel .cp-stat-grid.cols-3{grid-template-columns:1fr 1fr;gap:10px}.control-panel .cp-stat-card{padding:14px 16px}.control-panel .cp-stat-value{font-size:20px}.control-panel .cp-card{padding:16px}.control-panel .cp-card-title{font-size:13.5px}.control-panel .cp-login-box{padding:28px 22px}.control-panel .cp-filter-row{gap:8px}.control-panel .cp-search-input{min-width:0;width:100%}.control-panel .cp-select{width:100%}.control-panel .cp-segmented{width:100%;overflow-x:auto}.control-panel .cp-segmented-btn{flex:1;padding:7px 10px;white-space:nowrap}}:root{--blue-deep: #0047B3;--blue-mid: #1a6fd4;--blue-light: #378add;--blue-pale: #E6F1FB;--navy-darkest: #060d1a;--navy-dark: #0a1628;--navy-mid: #0f2044;--navy-panel: #111d35;--green-deep: #0F6E56;--green-pale: #EAF3DE;--green-text: #27500A;--text-primary: #0d1f2d;--text-muted: #5e7a8a;--text-faint: #8ba8cc;--border: #e2e9f0;--border-dark: #1e3050;--surface: #ffffff;--bg: #f0f4f8;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-blue: 0 8px 24px rgba(26,111,212,.25);--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-md: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#03070f;color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.navbar{background:#060d1af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff0a}.navbar .nav-logo{display:inline-flex;align-items:center;color:#fff;text-decoration:none}.navbar .nav-logo img{display:block;width:178px;height:auto}.nav-links{display:flex;align-items:center;gap:2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:4px 6px}.nav-links a{color:#ffffffa6;text-decoration:none;font-size:13px;font-weight:500;padding:6px 16px;border-radius:999px;transition:background var(--transition),color var(--transition)}.nav-links a:hover{background:#ffffff1a;color:#fff}.nav-links a.active{background:#378add2e;color:#7ec8f7}.nav-cta{background:linear-gradient(135deg,var(--blue-mid),#1254a8);color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;padding:9px 22px;border-radius:999px;box-shadow:var(--shadow-blue);transition:transform var(--transition),box-shadow var(--transition),background var(--transition);letter-spacing:.1px}.nav-cta:hover{background:linear-gradient(135deg,#1e7ae0,#1358b8)!important;transform:translateY(-1px);box-shadow:0 10px 28px #1a6fd459}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0b;transition:background var(--transition),border-color var(--transition),transform var(--transition);-webkit-tap-highlight-color:transparent}.nav-hamburger:hover{background:#ffffff14;border-color:#7ec8f740}.nav-hamburger:active{transform:scale(.97)}.nav-hamburger span{display:block;width:20px;height:2px;background:#ffffffe0;border-radius:999px}.nav-mobile{display:none;flex-direction:column;position:sticky;top:64px;z-index:199;background:linear-gradient(180deg,#0a1628fa,#060d1afa);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #00000047;padding:10px 16px 18px;gap:6px}.nav-mobile.open{display:flex}.nav-mobile a{color:#ffffffc7;text-decoration:none;font-size:15px;font-weight:650;line-height:1.2;padding:14px;border-radius:12px;min-height:48px;display:flex;align-items:center;transition:background var(--transition),color var(--transition),transform var(--transition);-webkit-tap-highlight-color:transparent}.nav-mobile a:hover{background:#ffffff13;color:#fff}.nav-mobile a:active{transform:scale(.99)}.nav-mobile .nav-cta-mobile{background:linear-gradient(135deg,var(--blue-mid),#1254a8);color:#fff;text-align:center;margin-top:8px;font-weight:700;border-radius:12px;box-shadow:var(--shadow-blue);justify-content:center}@media(max-width:700px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.navbar{height:60px;padding:0 16px}.navbar .nav-logo{flex-shrink:0}.navbar .nav-logo img{width:146px}.nav-mobile{top:60px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}}.whatsapp-btn{position:fixed;bottom:24px;right:24px;background:#25d366;color:#fff;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #25d36659;z-index:999;transition:transform var(--transition),box-shadow var(--transition);font-family:Plus Jakarta Sans,sans-serif}.whatsapp-btn:hover{background:#20bc5a;transform:translateY(-2px);box-shadow:0 8px 28px #25d36673}.hero{background:#03070f;color:#fff;text-align:center;padding:100px 24px 88px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(26,111,212,.25) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(55,138,221,.1) 0%,transparent 60%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(55,138,221,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(55,138,221,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#378add1a;border:1px solid rgba(55,138,221,.3);color:#7ec8f7;font-size:12px;font-weight:600;padding:6px 16px;border-radius:999px;margin-bottom:28px;position:relative;z-index:1;letter-spacing:.2px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#378add;flex-shrink:0;animation:pulse-dot 2.4s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.hero h1{font-size:clamp(36px,5.5vw,60px);font-weight:800;margin-bottom:20px;letter-spacing:-2px;line-height:1.05;position:relative;z-index:1;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:700px;margin-left:auto;margin-right:auto}.hero p{font-size:17px;color:#8ba8cce6;position:relative;z-index:1;max-width:440px;margin:0 auto;line-height:1.7;font-weight:400}.location-selector{background:linear-gradient(180deg,#0a1a35,#0d2040);padding:20px 24px 24px;border-bottom:1px solid var(--border-dark)}.location-selector-header{margin-bottom:12px}.location-selector-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px;letter-spacing:-.2px}.location-selector-sub{font-size:12px;color:var(--text-faint)}.location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-width:520px}.location-card{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:border-color var(--transition-md),background var(--transition-md);display:flex;align-items:center;gap:10px;text-align:left}.location-card:hover{border-color:#378add80;background:#1a6fd41a}.location-card-selected{border-color:var(--blue-light)!important;background:#1a6fd426!important;box-shadow:0 0 0 3px #378add26}.location-card-inactive{opacity:.55;cursor:default}.location-card-inactive:hover{border-color:#ffffff14!important;background:#ffffff0a!important}.location-card-icon{font-size:18px;margin-bottom:0;flex-shrink:0}.location-card-name{color:#fff;font-size:12px;font-weight:700;margin-bottom:1px;letter-spacing:-.1px}.location-card-area{color:var(--text-faint);font-size:11px;margin-bottom:0}.location-card-badge{display:inline-block;background:#1a6fd440;color:#93c5fd;font-size:10px;padding:2px 8px;border-radius:999px;font-weight:600;margin-left:auto;white-space:nowrap}.location-badge-soon{background:#0f6e5640!important;color:#6ee7b7!important}.active-location-banner{background:var(--navy-dark);border-bottom:1px solid var(--border-dark);padding:10px 24px;font-size:13px;color:var(--text-faint);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.active-location-banner.location-hidden{display:none}.plans-section{max-width:1120px;margin:0 auto;padding:40px 32px 64px}.plans-section.plans-hidden{display:none}.category-title{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin:48px 0 18px;display:flex;align-items:center;gap:10px}.category-title:first-child{margin-top:0}.category-title:after{content:"";flex:1;height:1px;background:var(--border)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;transition:transform var(--transition-md),box-shadow var(--transition-md),border-color var(--transition-md);position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-mid),var(--blue-light));opacity:0;transition:opacity var(--transition-md)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#1a6fd433}.plan-card:hover:before{opacity:1}.plan-card.popular{border:2px solid var(--blue-light);box-shadow:0 0 0 4px #378add14,var(--shadow-md)}.plan-card.popular:before{opacity:1}.plan-card.premium{border:2px solid #6366f1}.plan-card.premium:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:1}.badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--blue-pale),#d4e8f9);color:var(--blue-deep);font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:12px;letter-spacing:.3px;text-transform:uppercase}.plan-card.premium .badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#4c1d95}.plan-name{font-size:17px;font-weight:800;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.3px}.plan-duration{font-size:12px;color:var(--text-muted);margin-bottom:16px;font-weight:500}.plan-price{font-size:32px;font-weight:800;color:var(--blue-deep);margin-bottom:4px;letter-spacing:-1px;line-height:1}.plan-price span{font-size:13px;color:var(--text-muted);font-weight:400;letter-spacing:0}.plan-features{list-style:none;margin:16px 0 20px}.plan-features li{font-size:13px;color:var(--text-muted);padding:5px 0;display:flex;align-items:center;gap:9px;font-weight:500}.check{width:18px;height:18px;background:var(--green-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:#3b6d11;font-weight:700}.buy-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--blue-mid),var(--blue-deep));color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.1px}.buy-btn:hover{background:linear-gradient(135deg,#1e7ae0,#1050b0);transform:translateY(-1px);box-shadow:var(--shadow-blue)}.buy-btn:active{transform:translateY(0)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#060d1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;z-index:1000}.overlay.show{display:flex}.modal{background:#fff;border-radius:var(--radius-xl);padding:32px;width:100%;max-width:420px;box-shadow:0 24px 80px #00000040;animation:modalIn .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{font-size:20px;font-weight:800;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.4px}.subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px;font-weight:400}.form-group{margin-bottom:16px}.form-group label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:15px;outline:none;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);background:#fafbfc}.form-group input:focus{border-color:var(--blue-light);box-shadow:0 0 0 3px #378add1f;background:#fff}.pay-btn{width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--green-deep),#0a5e47);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;transition:transform var(--transition),box-shadow var(--transition);font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.1px}.pay-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f6e564d}.pay-btn:disabled{background:#c0ccd8;cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn{width:100%;padding:12px 16px;background:transparent;color:var(--text-muted);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;margin-top:10px;font-family:Plus Jakarta Sans,sans-serif;transition:background var(--transition),color var(--transition)}.cancel-btn:hover{background:var(--bg);color:var(--text-primary)}.location-confirm-box{background:var(--blue-pale);color:var(--blue-deep);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:18px;text-align:center;border:1px solid rgba(26,111,212,.15)}.voucher-box{background:linear-gradient(135deg,#f0faf4,var(--green-pale));border:2px dashed #4ade80;border-radius:var(--radius-md);padding:28px 20px;text-align:center;margin:20px 0}.voucher-label{font-size:10px;color:#166534;margin-bottom:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.voucher-code{font-size:28px;font-weight:800;color:var(--green-text);letter-spacing:6px;font-family:JetBrains Mono,Courier New,monospace}.voucher-duration{font-size:13px;color:#166534;margin-top:10px;font-weight:500}.success-icon{width:56px;height:56px;background:var(--green-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#3b6d11;box-shadow:0 0 0 8px #eaf3de80}.loading{text-align:center;padding:32px 20px;color:var(--text-muted);font-size:14px;font-weight:500}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top:3px solid var(--blue-mid);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.faq-section{background:linear-gradient(180deg,#080f20,#0a1628);padding:72px 24px 80px;margin-top:8px}.faq-section .faq-tag{display:inline-flex;align-items:center;border:1px solid rgba(55,138,221,.4);color:var(--blue-light);font-size:11px;font-weight:700;padding:4px 14px;border-radius:999px;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase;background:#378add14}.faq-section h2{font-size:clamp(24px,4vw,34px);font-weight:800;color:#fff;text-align:center;margin-bottom:12px;max-width:500px;margin-left:auto;margin-right:auto;letter-spacing:-.6px;line-height:1.15}.faq-section .faq-sub{text-align:center;color:var(--text-faint);font-size:15px;margin-bottom:48px;font-weight:400}.faq-container{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.07);padding:22px 0;cursor:pointer;transition:opacity var(--transition)}.faq-question{display:flex;justify-content:space-between;align-items:center;color:#ffffffe6;font-size:15px;font-weight:600;gap:16px;letter-spacing:-.1px}.faq-arrow{color:var(--blue-light);font-size:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;opacity:.7}.faq-answer{color:#8ba8ccd9;font-size:14px;line-height:1.75;margin-top:14px;display:none;font-weight:400}.faq-item.open .faq-arrow{transform:rotate(180deg);opacity:1}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question{color:#fff}footer{background:var(--navy-darkest);text-align:center;padding:40px 24px 32px;font-size:13px;color:#8ba8cc99;border-top:1px solid rgba(255,255,255,.06);margin-top:0}footer p{line-height:1.6}footer strong{color:#ffffffb3}footer a{color:var(--blue-light);text-decoration:none;font-size:13px;margin:0 10px;font-weight:500;opacity:.8;transition:opacity var(--transition)}footer a:hover{opacity:1}footer div[style]{margin-top:20px!important;border-top:1px solid rgba(255,255,255,.06)!important;padding-top:16px!important}@media(max-width:768px){.plans-grid,.location-grid{grid-template-columns:1fr 1fr}.hero{padding:56px 20px 44px}.plans-section{padding:28px 16px}.faq-section{padding:56px 20px}}@media(max-width:480px){.plans-grid,.location-grid,.stats-grid{grid-template-columns:1fr}.plan-price{font-size:28px}.modal{padding:24px 20px}.voucher-code{font-size:22px;letter-spacing:4px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.plan-card{animation:fadeInUp .3s ease both}.plan-card:nth-child(2){animation-delay:40ms}.plan-card:nth-child(3){animation-delay:80ms}.plan-card:nth-child(4){animation-delay:.12s}.hiw-section{background:#03070f;padding:48px 0 40px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.hiw-section>*{max-width:960px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.hiw-section{padding:48px 0 40px}.hiw-tag{display:inline-flex;align-items:center;gap:6px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#60a5fad9;font-size:10px;font-weight:700;padding:5px 14px;border-radius:999px;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.2px}.hiw-tag-dot{width:4px;height:4px;border-radius:50%;background:#3b82f6;display:inline-block}.hiw-title{font-size:26px;font-weight:800;color:#f0f6ff;margin-bottom:28px;letter-spacing:-.8px;line-height:1.1}.hiw-steps-wrap{position:relative;margin-bottom:0}.hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:1;margin-bottom:16px}.hiw-step{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s}.hiw-step:not(.hiw-active){opacity:.5}.hiw-step:not(.hiw-active):hover{opacity:.75}.hiw-step.hiw-active{border-color:#3b82f64d;background:#3b82f612}.hiw-sn-wrap{display:flex;justify-content:center;margin-bottom:10px}.hiw-sn{width:48px;height:48px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .2s}.hiw-step.hiw-active .hiw-sn{background:#2563eb40;border-color:#3b82f659}.hiw-st{font-size:11px;font-weight:600;color:#6683a3b3;line-height:1.3}.hiw-step.hiw-active .hiw-st{color:#f0f6ff}.hiw-progress-wrap{height:2px;background:#ffffff0d;border-radius:999px;margin:0 0 16px;overflow:hidden}.hiw-progress-fill{height:100%;background:#3b82f699;border-radius:999px;width:8%;transition:width .4s ease}.hiw-detail{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 20px;margin-bottom:12px;display:flex;align-items:flex-start;gap:14px}.hiw-detail-icon{width:40px;height:40px;border-radius:10px;background:#2563eb33;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hiw-detail-title{font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:4px;letter-spacing:-.2px}.hiw-detail-text{font-size:12px;color:#a8bdd699;line-height:1.6}.hiw-dots{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.hiw-dot{width:5px;height:5px;border-radius:999px;background:#162544e6;cursor:pointer;display:inline-block;transition:all .25s}.hiw-dot.hiw-dot-on{background:#3b82f6b3;width:16px}.hiw-feat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}.hiw-fc{border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;text-decoration:none;cursor:pointer;transition:transform .2s}.hiw-fc:hover{transform:translateY(-2px)}.hiw-fc-blue{background:#ffffff05;border:1px solid rgba(59,130,246,.12)}.hiw-fc-amber{background:#ffffff05;border:1px solid rgba(245,158,11,.1)}.hiw-fi{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.hiw-fi-blue{background:#3b82f61a}.hiw-fi-amber{background:#f59e0b14}.hiw-fc-title{font-size:12px;font-weight:700;color:#f0f6ffd9;margin-bottom:2px}.hiw-fc-text{font-size:11px;color:#6683a399;line-height:1.45}.hiw-divider{display:none}.location-selector{background:#03070f;padding:24px 0 28px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center}.location-selector-header{width:100%;max-width:520px;padding:0 20px;margin-bottom:14px}.location-grid{width:100%;max-width:520px;padding:0 20px}.location-selector-header{margin-bottom:14px}.location-selector-title{font-size:14px;font-weight:700;color:#f0f6ff;margin-bottom:3px;letter-spacing:-.2px}.location-selector-sub{font-size:12px;color:#6683a3b3}.location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:520px}.location-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s}.location-card:hover{border-color:#3b82f659;background:#3b82f60d}.location-card-selected{border-color:#3b82f666!important;background:#3b82f614!important}.location-card-inactive{opacity:.4;cursor:default}.location-card-inactive:hover{border-color:#ffffff0f!important;background:#ffffff05!important}.location-card-icon{font-size:22px;margin-bottom:8px;display:block}.location-card-name{color:#f0f6ff;font-size:13px;font-weight:700;margin-bottom:2px}.location-card-area{color:#6683a3a6;font-size:11px;margin-bottom:8px}.location-card-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:999px;background:#3b82f626;color:#60a5facc}.location-badge-soon{background:#ffffff0d!important;color:#ffffff4d!important}@media(max-width:600px){.hiw-steps{grid-template-columns:1fr 1fr}.hiw-connector{display:none}.location-selector{padding:20px 16px 24px}.location-grid{max-width:100%}}.plan-location-tag{font-size:11px;font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:3px 10px;margin-bottom:10px;display:inline-flex;align-items:center;gap:4px}@view-transition{navigation:auto}::view-transition-group(page-content){animation-duration:1s;animation-timing-function:ease}::view-transition-old(page-content){animation-name:slide-out 1s}::view-transition-new(page-content){animation-name:slide-in}main{view-transition-name:page-content}@keyframes slide-out{to{translate:-100vw}}@keyframes slide-in{0%{translate:100vw}}#hostelCardList::-webkit-scrollbar{display:none}#hostelCardList{-ms-overflow-style:none;scrollbar-width:none}
