:root{color:#172033;background:radial-gradient(circle at top left,rgba(30,111,186,.12),transparent 30%),linear-gradient(180deg,#f6fafb,#eef4f6);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}.portal-shell{display:grid;min-height:100vh;place-items:center;padding:18px}.login-panel,.nav-panel,.status-panel{width:min(100%,760px);max-width:460px;border:1px solid #dde3ea;border-radius:16px;background:#ffffffeb;box-shadow:0 18px 48px #1b27371a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-panel{display:grid;gap:22px;padding:34px 26px 26px}.nav-panel{padding:22px}.status-panel{padding:28px;text-align:center}.eyebrow{margin:0 0 6px;color:#4b6b8f;font-size:13px;font-weight:700}h1{margin:0;font-size:26px;line-height:1.2}.intro{margin:10px 0 0;color:#607086}.login-brand{display:grid;justify-items:center;text-align:center}.login-brand img{width:auto;height:54px;margin-bottom:18px;-o-object-fit:contain;object-fit:contain}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:#324156;font-size:14px;font-weight:700}.login-form input{width:100%;border:1px solid #cdd6e1;border-radius:10px;padding:11px 13px;color:#172033;background:#fbfdff;outline:none}.login-form input:focus{border-color:#1e6fba;box-shadow:0 0 0 3px #1e6fba26}.login-form button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:10px;cursor:pointer;font-weight:700}.login-form button{margin-top:2px;background:linear-gradient(135deg,#1e6fba,#16a99c);color:#fff;box-shadow:0 10px 20px #1e6fba2e}.login-form button:disabled{cursor:not-allowed;opacity:.55}.form-error{margin:0;color:#b42318;font-size:14px}.nav-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.brand-block,.brand-inline{display:flex;align-items:center;gap:13px;min-width:0}.brand-inline img{width:auto;height:36px;flex:0 0 auto;-o-object-fit:contain;object-fit:contain}.brand-inline h1{font-size:25px;line-height:1}.ghost-button{flex:0 0 auto;gap:8px;border:1px solid #cdd6e1;background:#fff;color:#324156;padding:0 12px}.tool-grid{display:grid;gap:12px}.tool-card{position:relative;display:flex;min-height:94px;gap:13px;align-items:center;border:1px solid #dde3ea;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfc);padding:15px 42px 15px 15px;color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tool-card:hover{border-color:#1e6fba;box-shadow:0 10px 24px #1b273717;transform:translateY(-1px)}.tool-icon{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:12px;background:#edf5fb;color:#1e6fba}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-size:17px}.tool-card small{margin-top:6px;color:#607086;line-height:1.35}.tool-arrow{position:absolute;right:16px;color:#8aa0b5}@media(max-width:560px){.portal-shell{padding:14px}.login-panel,.nav-panel{padding:22px}.nav-header{align-items:center}.brand-inline img{height:30px}}