:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e3e6eb;--text: #1f2329;--text-muted: #646a73;--primary: #2b5be3;--primary-hover: #1f49c0;--shadow: 0 1px 2px rgba(31, 35, 41, .06), 0 4px 16px rgba(31, 35, 41, .06)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border)}.app-bar__brand{display:flex;align-items:center;gap:10px}.app-bar__logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700}.app-bar__title{font-weight:600}.app-bar__user{display:flex;align-items:center;gap:14px}.app-bar__name{color:var(--text-muted)}.app-bar__logout{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 14px;cursor:pointer;font-size:14px}.app-bar__logout:hover{border-color:var(--primary);color:var(--primary)}.app-main{flex:1;display:flex}.login{flex:1;display:grid;place-items:center;padding:24px}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:40px 32px;text-align:center}.login__logo{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 20px;border-radius:14px;background:var(--primary);color:#fff;font-size:28px;font-weight:700}.login__title{font-size:20px;margin:0 0 8px}.login__subtitle{color:var(--text-muted);margin:0 0 28px;font-size:14px}.login__button{width:100%;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;padding:12px 16px;cursor:pointer}.login__button:hover:not(:disabled){background:var(--primary-hover)}.login__button:disabled{opacity:.7;cursor:progress}.login__error{margin:16px 0 0;color:#d83931;font-size:13px}.login__hint{margin:24px 0 0;color:var(--text-muted);font-size:12px}.launcher{width:100%;max-width:960px;margin:0 auto;padding:40px 24px}.launcher__header{margin-bottom:28px}.launcher__greeting{font-size:24px;margin:0 0 6px}.launcher__subtitle{color:var(--text-muted);margin:0}.launcher__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tile{display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.tile:hover{transform:translateY(-2px);border-color:var(--primary)}.tile__icon{font-size:28px;line-height:1}.tile__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.tile__name{font-weight:600}.tile__description{color:var(--text-muted);font-size:13px}.tile__arrow{color:var(--text-muted)}.launcher__empty{color:var(--text-muted);text-align:center;margin-top:40px}