:root{color-scheme:light;--app-bg: #f3f7fc;--panel-bg: #ffffff;--panel-border: rgba(15, 23, 42, .08);--soft-text: #64748b;--brand-blue: #1677ff}:root[data-theme=dark]{color-scheme:dark;--app-bg: #08111f;--panel-bg: #111827;--panel-border: rgba(148, 163, 184, .16);--soft-text: #94a3b8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--app-bg)}.app-layout{min-height:100vh;background:var(--app-bg)}.app-sider{border-right:1px solid var(--panel-border);position:sticky;inset-block-start:0;height:100vh;z-index:10}.brand{min-height:72px;display:flex;align-items:center;gap:12px;padding:0 20px}.brand-icon{width:42px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-size:18px}.brand-title,.brand-subtitle{display:block;line-height:1.2}.brand-title{font-weight:700}.brand-subtitle{color:var(--soft-text);font-size:12px}.app-header{position:sticky;top:0;z-index:9;height:64px;padding:0 20px;border-bottom:1px solid var(--panel-border)}.app-content{padding:24px;min-width:0}.header-actions{min-width:0}.header-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-stack{width:100%}.page-heading{display:flex;flex-direction:column;gap:4px}.page-heading h2{margin:0}.page-heading.with-actions{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px}.metric-card{min-height:128px}.center-spin{display:flex;justify-content:center;padding:72px 0}.full-width{width:100%}.toolbar-select{width:260px}.compact-field{width:100%}.ip-test-form{gap:12px}.ip-test-form .ant-form-item:first-child{flex:1 1 360px;min-width:260px}.ip-test-form .ant-select{min-width:220px}.empty-result-card{background:transparent}.login-page{min-height:100vh;padding:32px;display:grid;place-items:center;background:var(--app-bg)}.login-panel{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:stretch}.login-copy,.login-card{background:color-mix(in srgb,var(--panel-bg) 92%,transparent);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 24px 70px #0f172a1f}.login-copy{padding:40px;display:flex;align-items:center}.login-card{padding:8px}.login-logo{width:63px;height:54px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:24px}.login-copy h1{margin-bottom:12px;font-size:40px}.login-copy p{max-width:560px;color:var(--soft-text);font-size:16px}.line-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.line-tree-panel{min-height:520px;padding:14px 12px;overflow:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px}.line-tree{margin-top:10px;background:transparent}.verification-guide{width:100%;margin-bottom:20px}@media(max-width:900px){.login-panel{grid-template-columns:1fr}.login-copy{padding:28px}.page-heading.with-actions{align-items:flex-start;flex-direction:column}.line-browser{grid-template-columns:1fr}.line-tree-panel{min-height:auto;max-height:320px}}@media(max-width:640px){.app-content{padding:16px}.app-header{padding:0 12px}.header-name{display:none}.login-page{padding:16px}.login-copy h1{font-size:30px}.toolbar-select{width:100%}}