:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#26354a;background:#f2f6fb;--primary: #79a7e3;--primary-dark: #5f91d3;--ink: #26354a;--muted: #7e8da2;--border: #dfe7f1;--danger: #c84e55;--success: #218564}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0,#e8f2ff 0,transparent 42%),#f2f6fb}button,input,textarea{font:inherit}.app-shell{width:100%;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(48px,env(safe-area-inset-top)) max(48px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(48px,env(safe-area-inset-left))}.card{background:#fffffff5;border:1px solid rgba(211,223,238,.9);border-radius:18px;box-shadow:0 24px 70px #314e701f}.login-card{width:min(420px,100%);padding:38px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.brand img{width:52px;height:52px;border-radius:15px;box-shadow:0 8px 22px #1357812e}.brand h1{font-size:22px;margin:0 0 5px}.brand p{font-size:13px;color:var(--muted);margin:0}form{display:grid;gap:10px}label{font-weight:600;font-size:14px;margin-top:8px}label small{font-weight:400;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:82px}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #79a7e32b}input:disabled{color:#738195;background:#f6f8fb}.password-field{position:relative}.password-field input{padding-right:60px}.visibility{position:absolute;right:9px;top:50%;min-height:44px;transform:translateY(-50%);border:0;background:transparent;color:#5687c5;cursor:pointer;padding:6px}.primary{min-height:46px;border:0;border-radius:11px;background:var(--primary);color:#fff;font-weight:700;padding:13px 18px;margin-top:16px;cursor:pointer;box-shadow:0 8px 18px #588bc93b;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}.field-error{color:var(--danger);font-size:13px;margin:2px 0}.workspace{width:min(900px,100%);align-self:start;margin-top:36px}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.brand.compact{margin:0;min-width:0}.brand.compact img{width:44px;height:44px;border-radius:13px;flex:0 0 auto}.brand.compact div{display:flex;flex-direction:column;gap:3px;min-width:0}.brand.compact span{font-size:12px;color:var(--muted)}.text-button{min-height:44px;border:1px solid var(--border);background:#fff;color:#5d6c80;padding:8px 16px;border-radius:9px;cursor:pointer}.sync-card{width:min(620px,100%);margin:0 auto;padding:36px 40px}.card-heading{margin-bottom:22px}.card-heading .eyebrow{color:#5b8eca;font-weight:700;font-size:12px;letter-spacing:.12em;margin:0 0 8px}.card-heading h1{font-size:26px;margin:0 0 8px}.card-heading>p:last-child{color:var(--muted);font-size:13px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>div{display:grid;gap:10px}.success{display:flex;align-items:flex-start;gap:13px;background:#eef9f5;border:1px solid #cceade;border-radius:12px;padding:16px;margin-top:22px;color:#236e58;min-width:0}.success-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#3ca47f;color:#fff;font-weight:800;flex:0 0 auto}.success>div:last-child{min-width:0}.success p{margin:5px 0 0;font-size:12px;color:#558070;overflow-wrap:anywhere}.success code{font-family:SFMono-Regular,Consolas,monospace}.request-id{display:flex;align-items:center;justify-content:space-between;color:#7e8da2;font-size:11px;gap:12px;min-width:0}.request-id span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-id button{min-height:44px;flex:0 0 auto;border:0;background:transparent;color:#5687c5;cursor:pointer}.loading-card{width:min(340px,100%);padding:30px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid #d9e4f1;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.app-shell{padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}.workspace{margin-top:18px}.workspace-header{margin-bottom:18px}.sync-card{padding:28px 36px}}@media (max-width: 640px){.app-shell{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.login-card{padding:28px 22px;border-radius:16px}.brand{gap:12px;margin-bottom:26px}.brand img{width:48px;height:48px;border-radius:14px}.brand h1{font-size:20px}.workspace{width:100%;margin-top:0}.workspace-header{gap:12px;margin-bottom:16px}.brand.compact{margin-bottom:0}.brand.compact img{width:40px;height:40px}.brand.compact strong,.brand.compact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{padding-inline:14px;flex:0 0 auto}.sync-card{width:100%;padding:24px 20px;border-radius:16px}.card-heading h1{font-size:23px}.form-grid{grid-template-columns:1fr;gap:2px}}@media (max-height: 560px){.app-shell{place-items:start center}}