.cf-login,.cf-page{--cf-accent:var(--cf-brand);font-family:var(--font-body),system-ui,sans-serif;color:var(--cf-ink);background:var(--cf-paper);min-height:100vh;min-height:100dvh;line-height:1.5}.cf-login h1,.cf-login h2,.cf-page h1,.cf-page h2{font-family:var(--font-body),system-ui,sans-serif;font-weight:700;letter-spacing:-.035em}.cf-login{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#f7f8fa;color:#392725;font-family:var(--font-interface),var(--font-body),system-ui,sans-serif}.cf-login-shell{width:100%;max-width:400px}.cf-login-heading{padding:26px;background:var(--cf-brand);color:#fff}.cf-login-heading .cf-kicker{color:#f3cec9;font-size:12px;font-weight:700;letter-spacing:.08em}.cf-login-heading h1{font-family:inherit;font-size:26px;font-weight:600;line-height:1.25;letter-spacing:-.04em;margin:6px 0 0;color:#fff}.cf-brand{display:flex;align-items:center;gap:14px}.cf-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--cf-accent);color:white;font-size:16px;font-weight:800;letter-spacing:-.04em}.cf-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--cf-accent)}.cf-login-card{background:#fff;border:1px solid #e0e3e6;border-top:0;border-radius:0 0 14px 14px;padding:26px;animation:cf-enter var(--cf-duration-enter) var(--cf-ease) both}.cf-login-card p{color:#695b58;font-size:13px}.cf-login label,.cf-page label{display:grid;grid-gap:8px;gap:8px;font-size:13px;font-weight:600;margin:18px 0}.cf-login .cf-field{margin:0 0 18px}.cf-login .cf-field label{margin:0 0 9px;font-size:14px;color:#69504c}.cf-login input,.cf-page input,.cf-page select,.cf-page textarea{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #c8ccc3;border-radius:var(--cf-radius-control);padding:12px 14px;background:var(--cf-surface);color:var(--cf-ink);font-family:inherit;font-size:16px;line-height:1.5;transition:border-color var(--cf-duration-state),box-shadow var(--cf-duration-state)}.cf-login input::placeholder,.cf-page input::placeholder{color:#73776f}.cf-login input:focus,.cf-page :is(input,select,textarea):focus{outline:2px solid var(--cf-accent);outline-offset:2px;border-color:var(--cf-accent)}.cf-login :is(button,a):focus-visible,.cf-page :is(button,a):focus-visible{outline:2px solid var(--cf-accent);outline-offset:4px}.cf-button,.cf-login button,.cf-page button{min-height:48px;border:1px solid transparent;border-radius:var(--cf-radius-control);background:var(--cf-accent);color:white;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background-color var(--cf-duration-state),opacity var(--cf-duration-state),transform var(--cf-duration-press)}@media (hover:hover){.cf-button:hover,.cf-login button:not(.cf-password-toggle):not(:disabled):hover,.cf-page button:not(:disabled):hover{background:color-mix(in srgb,var(--cf-accent),black 15%)}.cf-page button.secondary:not(:disabled):hover{background:#dedfd7}}.cf-button:active,.cf-login button:not(:disabled):active,.cf-page button:not(:disabled):active{transform:translateY(1px)}.cf-login button:disabled,.cf-page button:disabled{opacity:.65;cursor:not-allowed}.cf-login button[type=submit]{width:100%;margin-top:4px;border-radius:8px}.cf-login input{border-radius:10px;border-color:#d3d8de;color:#392725}.cf-password{position:relative}.cf-password input{padding-right:56px}.cf-login .cf-password-toggle{position:absolute;top:3px;right:3px;padding:0;min-height:44px;width:44px;background:transparent;color:var(--cf-muted);border-radius:9px}.cf-login .cf-password-toggle:hover{background:var(--cf-paper)}.cf-verification{animation:cf-enter var(--cf-duration-state) var(--cf-ease) both}.cf-verification>p{color:var(--cf-ink);background:var(--cf-paper);border-radius:12px;padding:12px;font-size:13px}.cf-field-hint{display:block;margin-top:6px;color:var(--cf-muted);font-size:12px}.cf-login .cf-field-hint{color:#736561;font-size:12px;line-height:1.5;margin-top:8px}.cf-login-security{line-height:1.5;margin:18px 4px 24px}.cf-login-footer,.cf-login-security{text-align:center;color:#71615d;font-size:14px}.cf-login-footer{line-height:1.65}.cf-login-footer p{margin:6px 0}.cf-login-footer a{font-weight:600;text-underline-offset:3px}.cf-login-footer nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:13px}.cf-login-footer nav a{font-weight:400}.cf-page{padding:36px max(24px,calc((100vw - 1200px) / 2)) 70px}.cf-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--cf-line);padding-bottom:24px;margin-bottom:36px;flex-wrap:wrap}.cf-header a{color:var(--cf-accent);font-size:13px}.cf-page h1{font-size:36px;line-height:1.2;margin:0 0 12px}.cf-page h2{font-size:21px;line-height:1.4;margin:0 0 20px}.cf-page p{color:var(--cf-muted);line-height:1.6}.cf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));grid-gap:20px;gap:20px}.cf-card{min-width:0;background:var(--cf-surface);border:1px solid var(--cf-line);border-radius:var(--cf-radius-card);padding:24px;margin-top:20px}.cf-row{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--cf-line);flex-wrap:wrap}.cf-row:last-child{border:0}.cf-row>a,.cf-row>div{min-width:0;overflow-wrap:anywhere}.cf-row small{display:block;color:var(--cf-muted);font-size:12px;margin-top:5px}.cf-row select{width:auto;max-width:100%}.cf-badge{display:inline-block;font-size:11px;padding:5px 9px;border-radius:20px;background:#efeee8;color:#555a51}.cf-page button.secondary{background:#ecece5;color:var(--cf-ink);border-color:var(--cf-line)}.cf-message{color:var(--cf-success)!important;background:#edf5ef;padding:14px;border:1px solid #c6ddcc;border-radius:12px}.cf-error,.cf-message{overflow-wrap:anywhere}.cf-error{color:var(--cf-danger)!important}.cf-feedback.cf-error{background:#fff2ef;border:1px solid #eec8c1;border-radius:12px;padding:12px 14px}.cf-feedback{animation:cf-enter var(--cf-duration-state) var(--cf-ease) both}.cf-page code{overflow-wrap:anywhere}.cf-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cf-empty{padding:24px 0}.cf-spinner{width:16px;height:16px;border:2px solid #ffffff60;border-top-color:white;border-radius:50%;animation:cf-spin .8s linear infinite}.cf-skeleton{height:16px;margin:16px 0;border-radius:6px;background:#e8e9e2;animation:cf-pulse 1.8s ease-in-out infinite}.cf-skeleton-short{width:40%;height:24px}.cf-skeleton-card{min-height:180px}.cf-loading-label{display:inline-block;color:var(--cf-muted);font-size:14px}@keyframes cf-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cf-spin{to{transform:rotate(1turn)}}@keyframes cf-pulse{50%{opacity:.5}}@media (max-width:780px){.cf-login{align-items:flex-start;padding:max(32px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom))}.cf-login-card,.cf-login-heading{padding:24px}.cf-page{padding:24px 18px}.cf-page h1{font-size:28px}.cf-header{margin-bottom:24px;gap:16px}}.cf-page .cf-page-title{margin-top:12px}.cf-workspace-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.cf-workspace-card-top{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;color:var(--cf-accent)}.cf-workspace-card h2,.cf-workspace-card p{margin:0}.cf-workspace-card .cf-button{margin-top:auto}.cf-platform-link{margin-top:24px}