:root{color:#1f2937;background:#f5f5f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #1677ff;--primary-soft: #e6f4ff;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--surface: #ffffff;--text: #1f2937;--muted: #6b7280;--line: #e5e7eb;--soft-line: rgba(255, 255, 255, .78);--shadow: 0 14px 34px rgba(15, 23, 42, .08);--card-radius: 8px;--card-shadow: 0 8px 22px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}.app-shell,.login-page{background:linear-gradient(180deg,#ffffff3d,#f6f8fceb),linear-gradient(135deg,#f6f7fb,#eef4fb 42%,#f8fafc);min-height:100vh}.app-shell{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.app-shell:before{background:radial-gradient(circle at 18% 18%,rgba(22,119,255,.14),transparent 28%),linear-gradient(155deg,transparent 0 53%,rgba(255,255,255,.58) 54% 59%,transparent 60%),linear-gradient(145deg,transparent 0 64%,rgba(156,163,175,.16) 65% 70%,transparent 71%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.phone-frame{background:#ffffffad;border:1px solid rgba(255,255,255,.78);display:grid;grid-template-rows:1fr auto;height:100vh;margin:0 auto;max-width:480px;min-height:640px;overflow:hidden;position:relative;width:100%;z-index:1}.login-page{align-items:center;background:linear-gradient(180deg,#fff3,#f6f8fceb),linear-gradient(135deg,#f6f7fb,#eef4fb 42%,#f8fafc);display:flex;justify-content:center;margin:0 auto;max-width:480px;overflow:hidden;padding:34px 22px;position:relative;width:100%}.login-atmosphere{background:radial-gradient(circle at 22% 26%,rgba(22,119,255,.16),transparent 30%),linear-gradient(155deg,transparent 0 52%,rgba(255,255,255,.64) 53% 58%,transparent 59%),linear-gradient(145deg,transparent 0 62%,rgba(156,163,175,.18) 63% 68%,transparent 69%);top:0;right:0;bottom:0;left:0;opacity:.9;pointer-events:none;position:absolute}.login-panel,.hero-panel,.list-card,.message-card,.agent-card,.record-card,.profile-card,.profile-menu-card,.profile-note,.preference-list,.module-card,.metric-card,.timeline,.quick-link-card,.management-entry,.home-topic-card,.settings-list,.detail-grid{background:#ffffffe6;border:1px solid var(--soft-line);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.login-panel{background:#ffffffe6;border:1px solid rgba(255,255,255,.82);border-radius:12px;box-shadow:0 18px 42px #0f172a1a;display:grid;gap:22px;max-width:342px;min-height:560px;padding:32px 24px 22px;position:relative;width:100%;z-index:1}.login-brand{align-items:center;display:flex;gap:12px;justify-content:flex-start}.login-brand strong,.login-brand span{display:block;line-height:1.2}.login-brand strong{color:#111827;font-size:14px;font-weight:800}.login-brand span{color:var(--muted);font-size:11px}.login-title-block{display:grid;gap:7px;padding-top:10px;text-align:left}.login-title-block h1{color:#222831;font-size:24px;font-weight:850;letter-spacing:0;line-height:1.15;margin:0}.login-title-block p{color:var(--muted);font-size:12px;margin:0}.brand-logo,.avatar{align-items:center;background:var(--primary);color:#fff;display:inline-flex;font-weight:800;justify-content:center}.brand-logo{background:var(--primary);border-radius:8px;color:#fff;flex:0 0 auto;height:38px;width:38px}.brand-logo-img{height:36px;width:auto;object-fit:contain}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.section-title h2,.hero-panel h2,.profile-card h2{letter-spacing:0;margin:0}.login-panel label span,.list-card p,.message-card p,.agent-card p,.timeline-item p,.profile-card p,.module-card span,.metric-card span{color:var(--muted)}.login-field-stack{display:grid;gap:14px;padding-top:4px}.login-field{background:transparent;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;display:grid;gap:6px;padding:0 0 9px}.login-field span{color:#8a94a6;font-size:11px;font-weight:700}.login-panel input,.composer input{border:0;background:transparent;border-radius:0;color:var(--text);min-width:0;outline:0;padding:0}.login-field:focus-within{background:transparent;border-color:var(--primary);box-shadow:none}.composer input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff1f}.login-panel button,.composer button,.button-row button{background:var(--primary);border:0;border-radius:6px;color:#fff;font-weight:700;min-height:38px;padding:9px 14px}.login-submit{font-size:15px;min-height:48px;border-radius:999px!important;box-shadow:0 14px 24px #1677ff38;margin-top:4px}.oauth-section{align-items:center;display:grid;gap:15px;justify-items:center;margin-top:2px}.oauth-section>span{color:var(--muted);display:flex;font-size:11px;gap:12px;line-height:1;width:100%}.oauth-section>span:before,.oauth-section>span:after{background:#e5e7eb;content:"";flex:1;height:1px;margin-top:5px}.oauth-icon-row{align-items:center;display:flex;gap:12px;justify-content:center;min-height:44px}.oauth-icon-row small{color:var(--muted);font-size:12px}.oauth-icon-button{align-items:center;background:#fff!important;border:1px solid rgba(229,231,235,.92)!important;border-radius:999px!important;color:var(--text)!important;display:inline-flex;height:44px;justify-content:center;min-height:44px!important;padding:0!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;width:44px}.oauth-icon-button:not(:disabled):active{transform:translateY(1px) scale(.98)}.oauth-icon-button:not(:disabled):hover{border-color:#1677ff5c!important;box-shadow:0 8px 18px #0f172a14}.oauth-provider-mark{align-items:center;border-radius:999px;display:inline-flex;height:28px;justify-content:center;width:28px}.oauth-provider-mark svg{display:block;height:22px;overflow:visible;width:22px}.oauth-provider-mark svg path{stroke:none}.oauth-provider-mark.github{background:#fff;color:#24292f}.oauth-provider-mark.github svg path{fill:#24292f}.oauth-provider-mark.google{background:#fff}.oauth-provider-mark.google svg path{stroke:none}.oauth-provider-mark.ruwind{background:#eef6ff;color:#1677ff}.oauth-provider-mark.ruwind svg path,.oauth-provider-mark:not(.github):not(.google):not(.ruwind) svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.oauth-provider-mark:not(.github):not(.google):not(.ruwind) svg path:first-child{fill:#e6f4ff}.oauth-icon-button:disabled{background:#f9fafb!important;color:#c4c9d2!important}.login-footnote{align-self:end;color:#9ca3af;font-size:11px;line-height:1.5;margin:auto 0 0;text-align:center}.button-row button.danger{background:var(--danger)}.login-error,.inline-error{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:13px;line-height:1.5;margin:0;padding:10px 12px}.content-scroll{overflow-y:auto;padding:16px 14px 20px}.screen,.section-block,.stack,.management-directory{display:grid;gap:12px}.management-directory.compact{gap:10px}.management-entry{background:linear-gradient(135deg,#1677ff1a,#14b8a61a);border:1px solid rgba(22,119,255,.16);color:var(--text);display:grid;gap:6px;padding:16px;text-decoration:none}.management-entry strong{font-size:16px;font-weight:850}.management-entry span{color:var(--muted);font-size:13px;line-height:1.45}.module-section{display:grid;gap:10px}.module-section h3{color:#222831;font-size:14px;font-weight:850;letter-spacing:0;line-height:1.2;margin:0}.text-link{align-items:center;background:#1677ff14;border:1px solid rgba(22,119,255,.12);border-radius:999px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:800;justify-self:center;min-height:36px;padding:0 14px;text-decoration:none}.subpage-back{align-items:center;color:#4b5563;display:inline-flex;font-size:13px;font-weight:800;gap:6px;justify-self:start;min-height:32px;text-decoration:none}.subpage-back svg{color:var(--primary);font-size:12px}.hero-panel{background:linear-gradient(135deg,#fffffff0,#eff6ffeb),radial-gradient(circle at 86% 16%,rgba(56,189,248,.28),transparent 34%);color:var(--text);padding:20px}.home-hero{display:grid;gap:14px;padding:16px}.home-brand-line{align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr auto;min-width:0}.home-brand-line img{height:36px;object-fit:contain;width:36px}.home-brand-line div{min-width:0}.home-brand-line p{margin:0 0 3px}.home-brand-line strong{color:#111827;display:block;font-size:15px;font-weight:850;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-brand-line span{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;margin:0;padding:5px 8px}.home-brand-line span.online{background:#ecfdf5;color:var(--success)}.home-brand-line span.idle{background:#f3f4f6;color:#4b5563}.home-hero small{color:var(--muted);font-size:13px;line-height:1.45}.hero-panel p{margin:0 0 8px;color:var(--primary);font-size:12px;font-weight:800}.hero-panel h2{color:#1f2937;font-size:23px;line-height:1.25}.home-hero h2{font-size:21px}.hero-panel span{color:var(--muted);display:inline-flex;font-size:13px;margin-top:16px}.hero-panel.compact{padding:18px}.hero-panel.compact h2{font-size:20px}.hero-panel.compact span{margin-top:12px}.metric-grid,.module-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-link-grid,.home-topic-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-topic-card{color:var(--text);display:grid;gap:6px;min-height:102px;padding:13px;text-decoration:none}.topic-icon,.quick-link-icon,.metric-card-icon{align-items:center;background:#1677ff1a;border:1px solid rgba(22,119,255,.14);border-radius:var(--card-radius);color:var(--primary);display:inline-flex;font-size:18px;height:34px;justify-content:center;width:34px}.home-topic-card strong{font-size:15px;font-weight:850;line-height:1.25}.home-topic-card span{color:var(--muted);font-size:12px;line-height:1.4}.quick-link-card{color:var(--text);display:grid;gap:10px;grid-template-columns:auto 1fr;min-height:104px;overflow:hidden;padding:14px;position:relative;text-decoration:none}.quick-link-card:before{border-radius:999px;content:"";height:42px;position:absolute;right:-12px;top:-12px;width:42px}.quick-link-card strong{display:block;font-size:15px;line-height:1.25;position:relative;z-index:1}.quick-link-card span{color:var(--muted);font-size:12px;line-height:1.45;position:relative;z-index:1}.quick-link-card .quick-link-icon{color:var(--primary);position:relative;z-index:1}.quick-link-icon svg,.topic-icon svg,.metric-card-icon svg{color:currentColor}.quick-link-card.blue:before{background:#1677ff29}.quick-link-card.cyan:before{background:#38bdf833}.quick-link-card.green:before{background:#16a34a29}.quick-link-card.orange:before{background:#d9770629}.metric-card,.module-card{color:inherit;display:grid;gap:4px;min-height:94px;padding:12px 10px;text-align:left}.metric-card-icon{font-size:17px;height:32px;margin-bottom:4px;width:32px}.metric-card{transition:transform .18s ease,box-shadow .18s ease}.metric-card:active{transform:translateY(1px) scale(.99)}.metric-card strong,.module-card strong{color:#1677ff;font-size:25px;line-height:1}.section-title{align-items:center;display:flex;justify-content:space-between}.section-title h2{color:#222831;font-size:17px;font-weight:850}.section-title button,.inline-error button{background:#1677ff14;border:1px solid rgba(22,119,255,.12);border-radius:999px;color:var(--primary);font-weight:700;padding:6px 11px}.inline-error{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.empty-state{background:#ffffffc7;border:1px dashed rgba(148,163,184,.48);border-radius:var(--card-radius);color:var(--muted);font-size:13px;line-height:1.5;margin:0;padding:14px}.list-card{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:15px}.list-card.vertical{display:grid}.message-card,.agent-card,.record-card,.profile-card{padding:15px}.list-card strong,.message-card strong,.agent-card strong,.timeline-item strong{display:block;font-size:15px;line-height:1.35}.list-card p,.message-card p,.agent-card p,.record-card p,.timeline-item p,.profile-card p{font-size:13px;line-height:1.5;margin:6px 0 0}.record-card p{position:relative;z-index:1}.record-card{display:grid;gap:10px;overflow:hidden;position:relative}.record-card:before{background:#1677ff14;content:"";height:64px;position:absolute;right:-22px;top:-26px;transform:rotate(24deg);width:82px}.entity-heading{align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr;min-width:0;position:relative;z-index:1}.entity-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-icon{align-items:center;background:#1677ff1a;border:1px solid rgba(22,119,255,.14);border-radius:var(--card-radius);color:var(--primary);display:inline-flex;font-size:17px;height:36px;justify-content:center;width:36px}.entity-agent:before,.entity-model:before,.entity-app:before{background:#1677ff1a}.entity-prompt:before,.entity-pge:before{background:#d977061f}.entity-skill:before,.entity-data:before,.entity-organization:before{background:#16a34a1c}.entity-knowledge:before,.entity-resource:before,.entity-rbac:before,.entity-operation:before{background:#38bdf824}.entity-icon-prompt,.entity-icon-pge{background:#d977061a;border-color:#d9770629;color:var(--warning)}.entity-icon-skill,.entity-icon-data,.entity-icon-organization{background:#16a34a1a;border-color:#16a34a29;color:var(--success)}.entity-icon-knowledge,.entity-icon-resource,.entity-icon-rbac,.entity-icon-operation{background:#38bdf81f;border-color:#38bdf82e;color:#0284c7}.record-link-card{color:var(--text);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.record-link-card:active{transform:translateY(1px) scale(.99)}.record-link-card:hover{border-color:#1677ff3d;box-shadow:0 14px 36px #0f172a1a}.record-meta{align-items:center;color:#7b8494;display:flex;flex-wrap:wrap;font-size:12px;gap:7px;position:relative;z-index:1}.record-meta span{background:#f3f4f6db;border-radius:999px;padding:4px 8px}.pill{border-radius:999px;flex:0 0 auto;font-size:12px;font-weight:700;padding:4px 8px}.pill.warning{background:#fff7ed;color:var(--warning)}.pill.online,.pill.success{background:#ecfdf5;color:var(--success)}.pill.idle{background:#f3f4f6;color:#4b5563}.agent-strip{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(128px,1fr));overflow-x:auto}.agent-mini{background:#ffffffdb;border:1px solid var(--soft-line);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:grid;gap:6px;min-height:96px;padding:12px}.agent-mini small,.message-card small,.agent-card small,.timeline-item small{color:#7b8494;font-size:12px}.status-dot,.timeline-dot{border-radius:999px;display:inline-flex;height:10px;width:10px}.status-dot.online,.timeline-dot.success{background:var(--success)}.status-dot.idle,.timeline-dot.info{background:#64748b}.timeline-dot.warning{background:var(--warning)}.composer{background:#ffffffe6;border:1px solid var(--soft-line);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:grid;gap:10px;grid-template-columns:1fr auto;padding:11px}.composer button,.button-row button{border-radius:999px}.message-card.unread{border-color:#1677ff59}.message-card.unread:before{background:linear-gradient(90deg,#38bdf8,var(--primary));border-radius:999px;content:"";display:block;height:6px;margin-bottom:8px;width:38px}.list-card-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;position:relative;z-index:1}.list-card-heading>span{color:#7b8494;font-size:12px;white-space:nowrap}.timeline{display:grid;gap:0;padding:4px 15px}.timeline-item{display:grid;gap:12px;grid-template-columns:auto 1fr;padding:16px 0}.timeline-item+.timeline-item{border-top:1px solid var(--line)}.timeline-dot{margin-top:5px}.profile-card{align-items:center;display:grid;gap:8px;justify-items:center;padding:26px 18px;text-align:center}.profile-hero-card{align-items:stretch;background:linear-gradient(135deg,#fffffff5,#eff6fff0),linear-gradient(90deg,rgba(22,119,255,.12),transparent 54%);gap:14px;justify-items:stretch;padding:16px;text-align:left}.profile-main-row{align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr;min-width:0}.profile-identity{min-width:0}.profile-identity>span{color:var(--primary);display:block;font-size:12px;font-weight:850;margin-bottom:4px}.profile-identity h2{font-size:22px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity p{color:#4b5563;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.profile-state-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.profile-summary-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-summary-grid article{background:#ffffffc7;border:1px solid rgba(22,119,255,.12);border-radius:var(--card-radius);display:grid;gap:5px;padding:11px 10px}.profile-summary-grid strong{color:#0f172a;font-size:22px;line-height:1}.profile-summary-grid span{color:#4b5563;font-size:12px;font-weight:750}.profile-actions{margin-top:2px}.profile-menu-list{display:grid;gap:10px}.profile-menu-card,.toggle-setting{align-items:center;color:var(--text);display:grid;gap:12px;grid-template-columns:auto 1fr auto;min-height:72px;padding:13px 14px;text-align:left;text-decoration:none}.profile-menu-card strong,.toggle-setting strong{color:#111827;display:block;font-size:15px;line-height:1.25}.profile-menu-card p,.toggle-setting p{color:#4b5563;font-size:12px;line-height:1.45;margin:5px 0 0}.profile-menu-icon{align-items:center;background:#1677ff1a;border:1px solid rgba(22,119,255,.14);border-radius:var(--card-radius);color:var(--primary);display:inline-flex;font-size:18px;height:38px;justify-content:center;width:38px}.profile-menu-arrow{color:#9ca3af;font-size:13px}.preference-list{display:grid;overflow:hidden}.toggle-setting{background:transparent;border:0;border-radius:0;box-shadow:none;width:100%}.toggle-setting+.toggle-setting{border-top:1px solid rgba(229,231,235,.72)}.setting-switch{background:#d1d5db;border-radius:999px;display:inline-flex;height:24px;padding:3px;transition:background .18s ease;width:42px}.setting-switch i{background:#fff;border-radius:999px;box-shadow:0 1px 4px #0f172a29;height:18px;transition:transform .18s ease;width:18px}.setting-switch.on{background:var(--primary)}.setting-switch.on i{transform:translate(18px)}.danger-zone{display:grid;gap:10px}.danger-zone button{align-items:center;background:#1677ff14;border:1px solid rgba(22,119,255,.14);border-radius:var(--card-radius);color:var(--primary);display:flex;font-weight:800;gap:8px;justify-content:center;min-height:44px}.danger-zone button.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.avatar{background:linear-gradient(135deg,#38bdf8,var(--primary));border-radius:12px;box-shadow:0 14px 26px #1677ff2e;color:#fff;display:grid;font-weight:850;font-size:20px;height:72px;place-items:center;width:72px}.button-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.single-action-row{display:grid;margin:-2px 15px 12px}.single-action-row button,.action-button,.form-actions button,.primary-action{align-items:center;border:1px solid rgba(22,119,255,.18);border-radius:8px;display:inline-flex;font-weight:850;gap:7px;justify-content:center;min-height:42px;text-decoration:none}.single-action-row button,.action-button.primary,.primary-action{background:var(--primary);color:#fff}.detail-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 15px 12px}.detail-actions .action-button:only-child{grid-column:1 / -1}.action-button{background:#fff;color:var(--primary);padding:0 12px}.action-button.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.form-card,.sandbox-card{background:#fffffff0;border:1px solid var(--soft-line);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:grid;gap:13px;margin:0 15px 18px;padding:15px}.form-card label,.sandbox-card label{display:grid;gap:7px}.form-card label span,.sandbox-card label span{color:#4b5563;font-size:12px;font-weight:800}.form-card input,.form-card textarea,.sandbox-card textarea{background:#f8fafc;border:1px solid rgba(203,213,225,.82);border-radius:8px;color:#111827;font:inherit;min-height:42px;outline:none;padding:10px 11px;width:100%}.form-card textarea,.sandbox-card textarea{line-height:1.5;resize:vertical}.form-card input:focus,.form-card textarea:focus,.sandbox-card textarea:focus{border-color:#1677ff9e;box-shadow:0 0 0 3px #1677ff1a}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.switch-row{align-items:center;background:#f8fafc;border:1px solid rgba(203,213,225,.82);border-radius:8px;display:flex;justify-content:space-between;padding:11px;text-align:left}.switch-row strong{color:#111827;display:block;font-size:14px}.switch-row small{color:#64748b;display:block;font-size:12px;margin-top:3px}.form-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-actions button:first-child{background:#fff;color:#334155}.primary-action:disabled,.single-action-row button:disabled,.form-actions button:disabled{cursor:not-allowed;opacity:.56}.sandbox-result{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:12px;line-height:1.55;margin:0;max-height:320px;overflow:auto;padding:13px;white-space:pre-wrap;word-break:break-word}.detail-grid{display:grid;gap:0;overflow:hidden}.info-row,.setting-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:13px 14px}.info-row+.info-row,.setting-row+.setting-row{border-top:1px solid rgba(229,231,235,.72)}.info-row span,.setting-row p{color:#4b5563;font-size:12px;font-weight:700}.info-row strong,.setting-row strong{color:#111827;font-size:13px;line-height:1.45;max-width:62%;overflow-wrap:anywhere;text-align:right}.settings-list{display:grid;overflow:hidden}.setting-row>div{min-width:0}.setting-row p{line-height:1.45;margin:5px 0 0}.setting-row>span{background:#1677ff14;border-radius:999px;color:var(--primary);flex:0 1 auto;font-size:12px;font-weight:800;max-width:46%;overflow-wrap:anywhere;padding:5px 9px;text-align:right}.permission-list{display:flex;flex-wrap:wrap;gap:8px}.permission-list span{background:#1677ff14;border:1px solid rgba(22,119,255,.16);border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:750;padding:6px 9px}.profile-note{align-items:center;display:flex;gap:10px;padding:13px 14px}.profile-note strong{color:var(--primary);font-size:22px;line-height:1}.profile-note span{color:#4b5563;font-size:13px;line-height:1.45}.bottom-nav{background:#ffffffe0;border-top:1px solid rgba(229,231,235,.72);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{align-items:center;background:transparent;border:0;border-radius:var(--card-radius);color:#6b7280;display:grid;gap:3px;justify-items:center;min-height:48px;padding:4px 2px;text-decoration:none}.bottom-nav a.active{background:#1677ff1a;color:var(--primary);font-weight:800}.nav-icon{align-items:center;display:inline-flex;font-size:18px;height:22px;justify-content:center;position:relative;width:22px}.nav-icon svg{font-size:18px}.nav-icon i{align-items:center;background:#ff4d4f;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-style:normal;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-10px;top:-8px}.bottom-nav small{font-size:11px;line-height:1}@media(min-width:760px){.app-shell{padding:28px}.phone-frame{border:1px solid rgba(255,255,255,.82);border-radius:18px;box-shadow:0 26px 70px #0f172a24;height:min(860px,calc(100vh - 56px))}.login-page{border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px #0f172a1a;height:min(680px,calc(100vh - 56px));min-height:520px}}@media(max-width:360px){.content-scroll{padding-left:12px;padding-right:12px}}