:root{color:#eef2f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page:#071524;--bg-page-deep:#0c223e;--bg-shell:#081829;--bg-card:#0d223b;--bg-soft:#112947;--bg-soft-strong:#18375e;--bg-gold-soft:#c9a35a24;--text-primary:#eef2f7;--text-secondary:#c7d1df;--text-tertiary:#93a1b4;--border-color:#c9a35a38;--border-color-strong:#e7d3a757;--shadow-soft:0 20px 50px #00000047;--shadow-card:0 14px 30px #0003;--brand-primary:#d1af70;--brand-primary-strong:#f0dcc0;--brand-secondary:#9f7d45;--brand-light:#c9a35a1f;--brand-light-strong:#c9a35a33;--gold-primary:#c9a35a;--gold-light:#e7d3a7;--gold-deep:#9d7634;--success-soft:#2e8b5729;--success-text:#7bd6a3;--danger-soft:#c94b4b29;--danger-text:#ff9a9a;--warning-soft:#c9a35a29;--warning-text:#f0d08e;background:#071524;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}html{overflow:hidden auto}body{background:radial-gradient(circle at top, #c9a35a2e, transparent 20%), radial-gradient(circle at bottom, #122f55cc, transparent 34%), linear-gradient(180deg, var(--bg-page) 0%, var(--bg-page-deep) 100%);-ms-overflow-style:none;scrollbar-width:none;color:var(--text-primary);overflow:hidden auto}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.mobile-shell{background:radial-gradient(circle at top,#c9a35a1a,#0000 18%),linear-gradient(#071524fa 0%,#0b1f38fa 100%);width:100%;max-width:480px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 30px 90px #00000052}.screen{min-height:100vh;padding:14px 12px 86px}.screen:not(.auth-screen):after{content:"Copyright © 2026 Vayora. All Rights Reserved.";text-align:center;color:var(--text-tertiary);margin-top:18px;font-size:12px;line-height:1.6;display:block}.auth-screen{flex-direction:column;justify-content:center;gap:16px;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar__title{color:var(--gold-light);letter-spacing:.01em;margin:0;font-size:22px;font-weight:700}.lang-switcher{border:1px solid var(--border-color);color:var(--gold-light);background:#0e1f35e0;border-radius:999px;padding:8px 12px;box-shadow:inset 0 1px #ffffff0f}.card{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:linear-gradient(#0e213af5 0%,#0a182bf5 100%);border-radius:18px;padding:14px}.section-title{color:var(--gold-light);margin:0 0 10px;font-size:15px;font-weight:700}.hero-banner{color:#fff;background:radial-gradient(circle at 100% 0,#e7d3a752,#0000 26%),linear-gradient(135deg,#071524 0%,#0f2b4d 60%,#1a416f 100%);border-radius:24px;padding:24px;box-shadow:0 20px 38px #0e274b3d}.hero-banner h2{margin:0 0 8px;font-size:28px}.hero-banner p{opacity:.86;margin:0}.banner-card,.notice-card,.partner-card{overflow:hidden}.banner-card{padding:12px}.banner-strip{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;grid-auto-columns:100%;grid-auto-flow:column;gap:0;display:grid;overflow-x:auto}.banner-strip::-webkit-scrollbar{display:none}.banner-slide{scroll-snap-align:center;background:#0e2036d1;border-radius:14px;display:block;overflow:hidden}.banner-image{object-fit:cover;width:100%;height:185px;display:block}.banner-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.banner-dot{background:#e7d3a757;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:all .2s}.banner-dot--active{background:linear-gradient(90deg, var(--gold-primary) 0%, var(--gold-light) 100%);width:18px}.notice-card{padding-top:10px;padding-bottom:10px}.notice-marquee{white-space:nowrap;overflow:hidden}.notice-marquee__track{min-width:100%;color:var(--gold-light);padding-left:100%;animation:14s linear infinite notice-scroll;display:inline-block}.partner-card{padding-top:10px;padding-bottom:10px}.partner-marquee{overflow:hidden}.partner-marquee__track{align-items:center;gap:16px;width:max-content;display:inline-flex}.partner-marquee__track--animated{animation:18s linear infinite partner-scroll}.partner-logo{aspect-ratio:1;border:1px solid var(--border-color);background:linear-gradient(#112947f5 0%,#0c1c32f5 100%);border-radius:24px;justify-content:center;align-items:center;width:134px;min-width:134px;padding:14px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.partner-logo img{object-fit:contain;width:100%;height:100%}.metric-grid,.task-grid,.action-grid{gap:10px;display:grid}.metric-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid--centered{align-items:stretch}.metric-item{text-align:center;justify-items:center;gap:6px;display:grid}.task-grid{grid-template-columns:1fr}.metric-value{color:#fff;font-size:18px;font-weight:700;line-height:1.2}.metric-label{color:#d2ba8a;font-size:12px}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:0;border-radius:14px;width:100%;padding:11px 16px;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.primary-button{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 52%, var(--gold-deep) 100%);color:#0a1930;font-weight:700;box-shadow:0 12px 24px #9d763442}.secondary-button{color:var(--gold-light);border:1px solid var(--border-color);background:linear-gradient(#122947f5 0%,#0d1e35f5 100%)}.danger-button{background:var(--danger-soft);color:var(--danger-text);border:1px solid #c94b4b33}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.lang-switcher:hover,.amount-chip:hover,.quick-comment-chip:hover,.profile-menu-item:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.profile-menu-item:disabled{opacity:.6;cursor:not-allowed}.task-card{gap:8px;display:grid}.task-card__topline,.task-card__addressline,.task-card__limitline{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-card__image{background:linear-gradient(135deg,#122947f5 0%,#18375ef5 100%);border-radius:14px;height:112px}.task-card__cover{object-fit:cover;border:1px solid #c9a35a2e;border-radius:14px;width:100%;height:112px}.task-card__rating{letter-spacing:2px;color:var(--gold-light);font-size:18px}.task-card__scoreline{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.task-card__intro{line-height:1.6}.task-card__address{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.task-card__address span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-card__address-icon{width:14px;height:14px;color:var(--text-tertiary);flex:0 0 14px}.task-card__price{color:var(--gold-light);flex:none;font-weight:700}.task-card__limitline{color:var(--text-secondary);font-size:13px}.hotel-task-card{border:1px solid var(--border-color);background:linear-gradient(#0c1c32fa 0%,#081526fa 100%);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.hotel-task-card__image{object-fit:cover;background:#173457;width:100%;height:210px;display:block}.hotel-task-card__image--empty{background:linear-gradient(135deg,#122947f5 0%,#18375ef5 100%)}.hotel-task-card__body{gap:8px;padding:14px;display:grid}.hotel-task-card__stars{color:var(--gold-light);letter-spacing:2px}.hotel-task-card__title{color:#fff;font-size:18px}.hotel-task-card__meta,.hotel-task-card__price{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hotel-task-card__price{justify-content:space-between}.hotel-task-card__score{background:linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-deep) 100%);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:42px;padding:4px 8px;font-weight:700;display:inline-flex}.task-current-layout{gap:18px;display:grid}.task-overview-panel,.task-action-panel{gap:14px;display:grid}.task-overview-meta{gap:10px;display:grid}.task-overview-meta__item{border:1px solid var(--border-color);color:var(--text-secondary);background:#0d2139eb;border-radius:14px;padding:12px 14px;line-height:1.6}.task-guide-card{gap:14px;display:grid}.task-guide-list{gap:12px;display:grid}.task-guide-block{border:1px solid var(--border-color);background:linear-gradient(#0f223ceb 0%,#0a182beb 100%);border-radius:14px;padding:12px 14px}.task-guide-block__title{color:var(--brand-primary-strong);margin-bottom:8px;display:block}.task-guide-block__items{color:var(--text-secondary);margin:0;padding-left:18px;line-height:1.7}.task-cooldown-tip{background:var(--brand-light);color:var(--brand-primary);border-radius:12px;padding:10px 12px;font-size:14px}.task-action-focus{background:linear-gradient(#0f223cfa 0%,#0a182bfa 100%);border:1px solid #2f5fa824;border-radius:18px;gap:18px;padding:18px;display:grid}.task-action-focus__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.task-action-focus__header strong{color:var(--brand-primary);font-size:16px}.task-action-focus__tip{color:var(--gold-deep);background:#c9a35a1f;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.task-action-block{border:1px solid var(--border-color);background:#0b1b30f5;border-radius:16px;gap:14px;padding:16px;display:grid;box-shadow:0 8px 20px #163b730d}.task-action-label{color:var(--brand-primary-strong);align-items:center;gap:8px;font-weight:700;display:flex}.task-action-quick{gap:10px;display:grid}.task-action-quick__label{color:var(--brand-primary-strong);font-weight:700}.task-action-badge{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:48px;padding:4px 8px;font-size:12px;display:inline-flex}.task-action-hint{color:var(--brand-primary);font-size:13px;line-height:1.6}.quick-comment-list{flex-wrap:wrap;gap:10px;display:flex}.quick-comment-chip{color:var(--gold-light);cursor:pointer;background:#122947db;border:1px solid #2f5fa82e;border-radius:999px;padding:10px 14px;line-height:1.5}.rating-stars{align-items:center;gap:12px;min-height:44px;display:flex}.rating-star{color:#e7d3a757;cursor:pointer;background:0 0;border:0;padding:0;font-size:36px;line-height:1}.rating-star--active{color:var(--gold-primary)}.task-action-focus textarea{border-color:var(--border-color-strong);border-radius:14px;min-height:132px;padding:14px 16px;line-height:1.7;box-shadow:inset 0 0 0 1px #2f5fa81f}.task-submit-button{padding-top:13px;padding-bottom:13px;font-size:16px;font-weight:700}.muted{color:var(--text-secondary)}.subpage-header{margin-bottom:2px}.subpage-header__back{min-width:72px}.subpage-header__title{margin:0}.profile-summary-card{flex-direction:column;gap:12px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:52px;height:52px;display:block}.profile-summary-card__top{align-items:center;gap:12px;display:flex}.profile-summary-card__name{font-size:18px}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-metric-card,.profile-menu-item,.info-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-metric-card{text-align:left;background:linear-gradient(#0f223cf0 0%,#0b1b30f0 100%);border:0;border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px #ffffff0a}.profile-metric-card--vip{cursor:pointer;background:linear-gradient(135deg,#433519db 0%,#1c2333f5 100%);box-shadow:inset 0 0 0 1px #c9a35a2e,0 10px 22px #c9a35a1f}.profile-metric-value--small{word-break:break-word;font-size:15px;line-height:1.4}.profile-menu-item{width:100%;color:var(--text-primary);cursor:pointer;background:linear-gradient(#0e213af5 0%,#0a182bf5 100%);border:1px solid #d9e3f0e6;border-radius:14px;padding:14px;box-shadow:0 10px 22px #00000029}.profile-menu-item__arrow{color:var(--text-tertiary);font-weight:700}.amount-chip-list{flex-wrap:wrap;gap:10px;display:flex}.amount-chip{min-width:72px;color:var(--gold-light);cursor:pointer;background:#122947db;border:1px solid #2f5fa82e;border-radius:12px;padding:10px 12px}.amount-chip--active{border-color:var(--brand-primary);background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);color:#fff;box-shadow:0 10px 20px #163b732e}.recharge-qr-card{justify-content:center;padding:10px 0 2px;display:flex}.recharge-qr-card__image{object-fit:contain;border:1px solid var(--border-color);background:#fffffff5;border-radius:16px;width:180px;height:180px;padding:8px}.status-message{background:var(--success-soft);color:var(--success-text);border-radius:12px;padding:10px 12px}.status-message--error{background:var(--danger-soft);color:var(--danger-text)}.status-message--warning{background:var(--warning-soft);color:var(--warning-text)}.empty-state{text-align:center;color:var(--text-secondary)}.info-row{background:#0e1f35eb;border:1px solid #d9e3f0ad;border-radius:12px;padding:10px 12px}.vip-level-card{gap:10px;display:grid}.vip-level-card--active{border-color:#c9a35a7a;box-shadow:0 16px 32px #c9a35a24}.vip-level-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.vip-level-tag{color:var(--gold-deep);background:#c9a35a2e;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.rule-block{border:1px solid var(--border-color);background:linear-gradient(#0f223ceb 0%,#0a182beb 100%);border-radius:14px;gap:6px;padding:12px 14px;display:grid}.rule-text{color:var(--text-secondary);word-break:break-word;margin:0;line-height:1.7}@keyframes notice-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes partner-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 7px))}}.bottom-nav{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071524f5;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:480px;padding:12px 12px 18px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 28px #00000038}.bottom-nav a{min-height:42px;color:var(--text-tertiary);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.bottom-nav a.router-link-active{color:var(--gold-light);background:#c9a35a24;font-weight:600;box-shadow:inset 0 0 0 1px #c9a35a29}.auth-panel{gap:14px;display:grid}.input-group{gap:8px;display:grid}.input-group label{color:var(--gold-light);font-size:14px;font-weight:600}.input-group input,.input-group select,.input-group textarea{width:100%;color:var(--text-primary);background:#071524e6;border:1px solid #c9a35a29;border-radius:14px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.lang-switcher:focus,.country-code-picker__input:focus{border-color:#e7d3a757;box-shadow:0 0 0 4px #c9a35a1a}.phone-row{grid-template-columns:minmax(120px,42%) minmax(0,1fr);gap:10px;display:grid}.phone-row__code,.phone-row__number{min-width:0}.stack{align-content:start;gap:12px;display:grid}.summary-card,.quick-card,.tasks-card{align-self:start}