:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17343a;background:#edf4f1;font-synthesis:none;--ink: #17343a;--muted: #6d7f82;--line: #d9e5e1;--green: #147d64;--green-dark: #106e57;--green-light: #e8f4ef;--sidebar: #173f47}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf4f1}button{font:inherit}.portal-shell{min-height:100vh}.portal-centered{display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,var(--sidebar) 0 49%,#edf4f1 49.1% 100%)}.portal-card{width:min(100%,470px);padding:46px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#fff;box-shadow:0 28px 65px #13393e29}.loading-card{color:var(--muted);text-align:center}.portal-brand{display:flex;align-items:center;gap:13px;margin-bottom:34px}.portal-brand.compact{margin-bottom:0}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--green-light);color:var(--green);font-size:24px;font-weight:800}.portal-brand.compact .brand-mark{width:40px;height:40px;border-radius:11px;font-size:19px}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{color:var(--ink);font-size:20px;letter-spacing:.06em}.portal-brand small{margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.1em}.portal-eyebrow{margin:0 0 9px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.11em}h1{margin:0;color:var(--ink);font-size:30px;line-height:1.25}.portal-description{margin:10px 0 28px;color:var(--muted);font-size:14px;line-height:1.7}.portal-error{margin:0 0 17px;padding:12px 14px;border-radius:9px;background:#fcecec;color:#b54141;font-size:13px}.primary-button,.secondary-button{min-height:46px;padding:0 20px;border-radius:9px;font-weight:700;cursor:pointer}.primary-button{width:100%;border:1px solid var(--green);background:var(--green);color:#fff;box-shadow:0 4px 12px #147d6429}.primary-button:hover{background:var(--green-dark)}.primary-button.compact{width:auto;min-width:148px}.secondary-button{border:1px solid #cfdad6;background:#fff;color:#6f7f7c}button:disabled{cursor:not-allowed;opacity:.62}.portal-header{height:78px;padding:0 clamp(24px,5vw,70px);border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between}.account{display:flex;align-items:center;gap:13px;color:var(--ink)}.account>span,.account>small{display:block}.account>small{color:var(--muted)}.account button{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer}.app-section{width:min(920px,calc(100% - 48px));margin:0 auto;padding:78px 0}.app-list{display:grid;gap:14px;margin-top:34px}.app-row{min-height:112px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:20px;box-shadow:0 4px 16px #1f3b350b}.app-row.disabled{background:#f7f9f8}.app-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--green-light);color:var(--green);font-size:21px;font-weight:800}.disabled .app-icon{background:#e8ecea;color:#788783}.app-copy h2{margin:0;color:var(--ink);font-size:17px}.app-copy p{margin:7px 0 0;color:var(--muted);font-size:12px}.status{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.status.available{background:var(--green-light);color:var(--green)}.status.coming{background:#eef1f0;color:#667572}@media(max-width:720px){.portal-card{padding:34px 26px}.portal-header{height:auto;padding:18px 22px;align-items:flex-start}.account{align-items:flex-end;flex-direction:column;gap:4px}.account>span{display:none}.app-section{width:calc(100% - 32px);padding:48px 0}.app-row{grid-template-columns:48px 1fr;padding:20px}.app-icon{width:48px;height:48px}.app-row .status{justify-self:start;margin-left:68px}.app-row button{grid-column:1 / -1;width:100%}}