:root{font-family:Aptos,Segoe UI,system-ui,-apple-system,sans-serif}body{margin:0;background:linear-gradient(180deg,#f7f1e6,#f8fafc 28%,#eef2ff);color:#0f172a}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#d4af6038,#d4af6000 34%),radial-gradient(circle at top right,#1e3a5f2e,#1e3a5f00 30%),linear-gradient(180deg,#f8f6f0,#f5f7fb 46%,#eef2ff)}.panel-shell{width:100%;display:grid;place-items:center}.panel{width:100%;max-width:460px;background:#ffffffe6;border:1px solid rgba(148,163,184,.22);border-radius:28px;padding:34px 30px 28px;display:grid;gap:12px;box-shadow:0 28px 80px #0f172a1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#17365f,#284e79 48%,#d1ae60)}.panel-logo{width:180px;max-width:100%;justify-self:center;margin-bottom:6px}.panel-logo-brand{width:min(320px,88%);margin-bottom:10px;filter:drop-shadow(0 12px 24px rgba(15,23,42,.12))}.panel h1{margin:0;font-size:30px;text-align:center;letter-spacing:-.03em;color:#17365f}.panel p{margin:0 0 8px;color:#64748b;text-align:center}.panel input{height:46px;border:1px solid #d7deea;border-radius:14px;padding:0 14px;background:#ffffffe6}.panel button{height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#17365f,#284e79 58%,#d1ae60);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 16px 30px #17365f38}.panel button:disabled{opacity:.7;cursor:progress}.info-box{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}.error{color:#b91c1c;font-size:13px}.panel-callback{max-width:520px}.hub-shell{min-height:100vh;background:radial-gradient(circle at top left,#d4af6029,#d4af6000 26%),radial-gradient(circle at top right,#17365f24,#17365f00 28%),linear-gradient(180deg,#f8f6ef,#f7fafc 24%,#edf2ff);display:flex;flex-direction:column}.hub-header{position:relative;background:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9);padding:44px clamp(16px,3vw,56px) 34px;display:flex;align-items:center;justify-content:flex-end;gap:24px}.hub-brand{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:calc(100% - 260px)}.hub-brand-logo{height:92px;width:auto;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 14px 24px rgba(15,23,42,.1))}.hub-brand-title{font-size:clamp(28px,3vw,42px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:#17365f;text-align:center}.hub-user-block{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-left:auto}.hub-user-label{font-size:15px;font-weight:700;color:#334155;white-space:nowrap}.hub-logout{border:0;border-radius:14px;background:linear-gradient(135deg,#8a1c1c,#dc2626);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #dc26262e}.hub-main{flex:1;padding:28px clamp(16px,3vw,56px) 24px;display:flex;align-items:center;justify-content:center}.hub-grid-wrap{width:min(1180px,100%);display:grid;gap:18px}.hub-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-grid-single{display:flex;justify-content:center}.hub-grid-single .hub-card{max-width:420px;width:min(420px,100%)}.hub-card{position:relative;overflow:hidden;text-decoration:none;color:inherit;background:linear-gradient(180deg,#fffffff5,#f8fafcf0);border:1px solid rgba(226,232,240,.95);border-radius:28px;padding:30px 26px 24px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 54px #0f172a14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer}.hub-card:hover{transform:translateY(-4px);box-shadow:0 28px 62px #0f172a1f;border-color:#bfdbfef2}.hub-card:disabled{cursor:progress;transform:none;box-shadow:0 14px 40px #0f172a12}.hub-card-stripe{position:absolute;inset:0 0 auto 0;height:6px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,#1f2a6d,#4258c9 48%,#8aa0ff)}.hub-card-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.hub-card-logo-wrap{width:104px;height:104px;border-radius:32px;background:#ffffffd1;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #94a3b826,0 14px 28px #0f172a0f;overflow:hidden}.hub-card-logo{width:100%;height:100%;object-fit:contain}.hub-card-fallback{font-size:30px;font-weight:800;color:#334155}.hub-card-copy h3{margin:0;font-size:28px;line-height:1.08;font-weight:800;letter-spacing:-.03em}.hub-card-copy p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#64748b}.hub-card-button{align-self:center;min-width:146px;text-align:center;border-radius:16px;padding:13px 18px;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(90deg,#1f2a6d,#4258c9);box-shadow:0 14px 28px #1f2a6d38}.theme-service .hub-card-stripe{background:linear-gradient(90deg,#1f2a6d,#4258c9 48%,#8aa0ff)}.theme-service .hub-card-logo-wrap{background:linear-gradient(135deg,#eef2ff,#dbeafe)}.theme-service-button{background:linear-gradient(90deg,#1f2a6d,#4258c9)}.theme-beverage .hub-card-stripe{background:linear-gradient(90deg,#7c2d12,#c2410c 45%,#f59e0b)}.theme-beverage .hub-card-logo-wrap{background:linear-gradient(135deg,#fff7ed,#fef3c7)}.theme-beverage-button{background:linear-gradient(90deg,#7c2d12,#d97706)}.theme-game .hub-card-stripe{background:linear-gradient(90deg,#6d28d9,#c026d3 55%,#fb7185)}.theme-game .hub-card-logo-wrap{background:linear-gradient(135deg,#f5f3ff,#fae8ff)}.theme-game-button{background:linear-gradient(90deg,#6d28d9,#c026d3)}.theme-golf .hub-card-stripe{background:linear-gradient(90deg,#166534,#16a34a 55%,#84cc16)}.theme-golf .hub-card-logo-wrap{background:linear-gradient(135deg,#ecfdf5,#dcfce7)}.theme-golf-button{background:linear-gradient(90deg,#166534,#16a34a)}.theme-parking .hub-card-stripe{background:linear-gradient(90deg,#334155,#64748b 55%,#cbd5e1)}.theme-parking .hub-card-logo-wrap{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.theme-parking-button{background:linear-gradient(90deg,#334155,#64748b)}.hub-empty{width:min(760px,100%);margin:0 auto;border:1px solid #fcd34d;background:#fffbeb;color:#92400e;border-radius:20px;padding:20px 22px;font-weight:600;text-align:center}.hub-empty-error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.hub-footer{border-top:1px solid #e2e8f0;background:#ffffffd1;padding:18px 16px 22px;text-align:center;color:#64748b;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hub-footer-logo{height:28px;width:auto;object-fit:contain;margin-bottom:8px}@media (max-width: 960px){.hub-header{flex-direction:column}.hub-brand{position:static;transform:none;width:auto;max-width:100%}.hub-user-block{width:100%;justify-content:center;flex-wrap:wrap}.hub-grid{grid-template-columns:1fr}}