:root{--mcp-ink:#172e37;--mcp-muted:#65777f;--mcp-teal:#15796e;--mcp-line:#e2e9e9}
body{background:#f3f6f6;color:var(--mcp-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.7}
a{color:var(--mcp-teal)}a:hover{color:#0c5c53}.text-muted{color:var(--mcp-muted)!important}
.login-shell{padding:28px;min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-layout{width:100%;max-width:1280px;min-height:760px;background:#fff;border:1px solid var(--mcp-line);border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #172e370a}
.brand-panel{padding:46px 54px;background:radial-gradient(ellipse at 10% 90%,#22695f 0,transparent 65%),#123c3c;color:#fff;position:relative;overflow:hidden}
.brand-panel:after{content:"";position:absolute;right:-125px;top:90px;width:330px;height:330px;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02}
.brand-lockup{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:700;letter-spacing:2px;font-size:19px;position:relative;z-index:1;text-decoration:none!important}.brand-lockup:hover{color:#fff}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#b8e8d6;color:#153f3b;font-size:22px;font-weight:800;letter-spacing:-3px;padding-right:3px}
.brand-divider{margin:0 10px;opacity:.35;font-weight:400}.brand-content{margin:54px 0 42px;position:relative;z-index:1}
.eyebrow,.section-label{display:block;font-weight:600;font-size:12px;letter-spacing:2px;color:var(--mcp-teal);margin-bottom:14px}.eyebrow{color:#a9dacc}
.brand-content h1{font-size:37px;line-height:1.55;font-weight:700;letter-spacing:1px;margin-bottom:18px}.brand-description{color:#bdd2ce;font-size:15px;line-height:1.9}
.workspace-preview{margin-top:34px;background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;padding:18px 20px}
.preview-top{display:flex;align-items:center;gap:8px;font-size:12px;color:#c8dfda;padding-bottom:14px;border-bottom:1px solid #ffffff16}.preview-dot{width:6px;height:6px;background:#9bd9bd;border-radius:50%}.preview-tag{margin-left:auto;font-size:10px;letter-spacing:1px;color:#a9cbc3}
.preview-row{display:flex;align-items:center;gap:13px;margin-top:17px}.preview-icon{font-size:11px;color:#acd0c5;border:1px solid #ffffff20;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.preview-row strong{display:block;font-size:13px;font-weight:500}.preview-row small{display:block;color:#aac6be;font-size:11px;margin-top:2px}.preview-check{margin-left:auto;color:#a9dfc2;font-size:13px}
.brand-footnote{display:flex;justify-content:space-between;font-size:11px;color:#9bbcb4;letter-spacing:1px}.form-panel{padding:62px 54px}.login-form-wrap{width:100%;max-width:370px}.login-form-wrap h2{font-weight:700;font-size:31px;letter-spacing:1px;margin-bottom:10px}.login-intro{font-size:14px;margin-bottom:36px}
.form-group{margin-bottom:24px}.form-group label{font-size:13px;font-weight:600;margin-bottom:9px}.form-control-lg{height:52px;font-size:14px;border-color:#dce4e5;border-radius:9px;padding:14px 16px;color:var(--mcp-ink);background:#fcfdfd}.form-control::placeholder{color:#93a1a7}.form-control:focus{border-color:#368f83;box-shadow:0 0 0 3px #15796e16;background:white}
.password-input-wrap{position:relative}.password-input-wrap .form-control{padding-right:66px}.password-toggle{position:absolute;right:9px;top:9px;min-width:46px;height:34px;background:transparent;border:0;border-radius:5px;font-size:12px;color:#60777b;cursor:pointer}.password-toggle:hover{background:#edf4f2}.password-toggle:focus-visible{outline:2px solid var(--mcp-teal)}
.btn{border-radius:8px;font-size:14px;padding:10px 19px;font-weight:500}.btn-primary{background:var(--mcp-teal);border-color:var(--mcp-teal)}.btn-primary:hover,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active{background:#10665d;border-color:#10665d}.btn-primary:focus{box-shadow:0 0 0 3px #15796e30}.login-submit{height:52px;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px}.login-submit span{font-size:20px;font-weight:400}
.login-note{display:flex;gap:11px;border-top:1px solid #eaf0f0;margin-top:30px;padding-top:24px}.login-note p{font-size:12px;color:#74858b;margin:0;line-height:1.9}.note-symbol{width:17px;height:17px;border:1px solid #91a7aa;color:#7e9599;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-size:11px;margin-top:3px}.form-footnote{display:flex;justify-content:space-between;margin-top:42px;font-size:11px;color:#89999e}.login-alert{font-size:13px;border-radius:9px;padding:13px 16px}
.workspace-header{padding:22px 0;background:white;border-bottom:1px solid var(--mcp-line)}.brand-dark,.brand-dark:hover{color:var(--mcp-ink)}.workspace-main{padding-top:58px;padding-bottom:48px}.workspace-main h1{font-size:29px;font-weight:700;line-height:1.5;margin-bottom:10px}.workspace-card{border:1px solid var(--mcp-line);border-radius:16px;box-shadow:0 8px 30px #172e3703}.workspace-card h2{font-weight:600}.tool-mark{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#e6f3ee;color:var(--mcp-teal);font-size:26px;border-radius:14px}.status-pill{display:inline-flex;gap:8px;align-items:center;background:#e8f3ee;color:#25705c;border-radius:30px;padding:8px 14px;font-size:12px}.status-pill span{height:6px;width:6px;border-radius:50%;background:#368563}.workspace-tips{padding-left:20px;color:var(--mcp-muted);font-size:13px;line-height:2.2;margin:20px 0}.workspace-notice{border-top:1px solid var(--mcp-line);padding-top:20px;color:var(--mcp-muted);font-size:12px;line-height:1.9}
.error-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.error-card{width:100%;max-width:500px}
.login-layout>.brand-panel{padding:46px 54px}.login-layout>.form-panel{padding:62px 54px}
@media(min-width:1400px){.login-shell{padding:48px}.login-layout{min-height:800px}}
@media(max-width:991.98px){.login-shell{padding:18px}.login-layout{max-width:620px;min-height:0}.brand-panel{padding:30px}.brand-content{margin:28px 0 0}.brand-content h1{font-size:27px}.brand-description{margin-bottom:0}.workspace-preview,.brand-footnote{display:none}.form-panel{padding:38px 30px}.login-intro{margin-bottom:28px}.form-footnote{margin-top:30px}}
@media(max-width:575.98px){.login-shell{padding:0;background:white}.login-layout{border:0;border-radius:0;min-height:100vh}.brand-panel{padding:24px}.brand-content{margin-top:24px}.brand-content h1{font-size:24px}.brand-description{font-size:13px}.eyebrow{margin-bottom:8px}.form-panel{padding:32px 24px}.login-form-wrap{max-width:none}.login-form-wrap h2{font-size:27px}.workspace-main{padding-top:32px}.workspace-main h1{font-size:24px}.workspace-header .brand-lockup{font-size:16px}}
@media(max-width:991.98px){.login-layout>.brand-panel{padding:30px}.login-layout>.form-panel{padding:38px 30px}}
@media(max-width:575.98px){.login-layout>.brand-panel{padding:24px}.login-layout>.form-panel{padding:32px 24px}}