:root{--color-page:#faf7f2;--color-surface:#fffdf8;--color-border:#e0d6c8;--color-border-subtle:#ede7de;--color-text:#28190e;--color-text-muted:#8a7b6c;--color-text-faint:#c4b8a8;--color-teal:#1d9e75;--color-teal-bg:#e3f5ee;--color-teal-text:#0a5c45;--color-amber-bg:#faf0da;--color-amber-text:#6b3c07;--color-tag-bg:#ede7de;--color-tag-text:#6b5c4c;--font-sans:system-ui,-apple-system,sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--border-width:.5px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;line-height:1.45}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.header{background:var(--color-surface);border-bottom:var(--border-width)solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-logo{border-radius:var(--radius-sm);background:var(--color-teal);color:#fff;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.header-appname{font-size:15px;font-weight:500}.header-sub{color:var(--color-text-muted);font-size:12px}.header-user{align-items:center;gap:10px;display:flex}.header-email{color:var(--color-text-muted);font-size:12px}.header-avatar{background:var(--color-teal-bg);width:28px;height:28px;color:var(--color-teal-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.btn-signout{border:var(--border-width)solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:0 0;padding:6px 12px;font-size:12px}.btn-signout:hover{background:var(--color-border-subtle);color:var(--color-text)}.portal{max-width:760px;margin:0 auto;padding:40px 24px 32px}.portal-greeting{margin:0 0 2px;font-size:20px;font-weight:500}.portal-sub{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.tile{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);padding:18px;display:block}a.tile:hover{border-color:var(--color-text-faint)}.tile-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tile-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.tile-icon.neutral{background:var(--color-tag-bg);color:var(--color-text)}.tile-icon.teal{background:var(--color-teal-bg);color:var(--color-teal-text)}.tile-icon.amber{background:var(--color-amber-bg);color:var(--color-amber-text)}.tile-arrow{color:var(--color-text-faint)}a.tile:hover .tile-arrow{color:var(--color-text-muted)}.tile-badge{background:var(--color-amber-bg);color:var(--color-amber-text);border-radius:20px;padding:2px 8px;font-size:11px}.tile-name{margin:0 0 3px;font-size:15px;font-weight:500}.tile-desc{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.tile.soon{opacity:.85}.portal-note{background:var(--color-teal-bg);border-radius:var(--radius-lg);color:var(--color-teal-text);align-items:center;gap:8px;margin-top:22px;padding:10px 14px;font-size:12px;display:flex}.btn-primary{background:var(--color-teal);color:#fff;border-radius:var(--radius-md);border:none;padding:9px 16px;font-size:13px;font-weight:500}.btn-primary:hover{filter:brightness(.96)}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:340px;padding:32px}.login-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.login-logo{border-radius:var(--radius-sm);background:var(--color-teal);width:26px;height:26px}.login-appname{font-size:17px;font-weight:500}.login-sub{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.login-btn{width:100%}