:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#1f2937;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7fa}button,input{font:inherit}button{cursor:pointer}.loading-screen{display:grid;min-height:100vh;place-items:center;color:#64748b;font-size:14px}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f5f7fa}.login-card{width:min(400px,100%);padding:42px 40px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 14px 40px #1e293b0c}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:#1f4f85;font-size:18px;font-weight:700}.login-card h1{margin:22px 0 8px;color:#172b4d;font-size:24px;font-weight:600;letter-spacing:-.03em}.login-description{margin:0;color:#718096;font-size:13px;line-height:1.7}.login-form{display:grid;gap:9px;margin-top:28px}.login-form label{margin-top:8px;color:#374151;font-size:13px}.login-form input{height:42px;padding:0 12px;border:1px solid #d7dee8;border-radius:6px;color:#1f2937;background:#fff;outline:0}.login-form input:focus{border-color:#3975b8;box-shadow:0 0 0 3px #3975b81c}.form-error{margin:5px 0 0;color:#c2413a;font-size:12px}.primary-button{width:100%;height:42px;margin-top:17px;border:0;border-radius:6px;color:#fff;background:#23649e;font-size:13px;font-weight:600}.primary-button:hover{background:#1d568a}.primary-button:disabled{cursor:wait;opacity:.6}.primary-button.compact{width:auto;margin:0;padding:0 17px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:232px;flex-direction:column;border-right:1px solid #e5e9ef;background:#fff;padding:24px 16px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;color:#172b4d}.brand strong{font-size:15px;font-weight:600}.brand-mark.small{width:32px;height:32px;border-radius:6px;font-size:14px}.tenant-card{display:flex;flex-direction:column;gap:6px;margin:30px 0 24px;padding:12px;border:1px solid #e7ebf0;border-radius:7px;background:#fafbfc}.tenant-label,.navigation-title{color:#8a96a6;font-size:11px}.tenant-card b{overflow:hidden;color:#34445a;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.navigation{display:flex;flex-direction:column}.navigation-title{padding:0 12px;margin-bottom:7px}.section-gap{margin-top:27px}.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:0 12px;border:0;border-left:3px solid transparent;border-radius:4px;color:#536274;background:transparent;text-align:left;font-size:13px}.nav-item:hover{color:#1f4f85;background:#f3f6fa}.nav-item.active{border-left-color:#2d6da5;color:#1f4f85;background:#edf4fb;font-weight:600}.nav-item.disabled{color:#aab3bf;cursor:not-allowed}.nav-item.disabled span{font-size:11px;font-weight:400}.count{display:grid;min-width:20px;height:20px;place-items:center;border-radius:10px;color:#47627d;background:#eaf1f8;font-size:11px}.sidebar-footer{margin-top:auto}.user-info{display:flex;align-items:center;gap:9px;padding:14px 7px;border-top:1px solid #edf0f3}.user-avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#285982;background:#dfeefa;font-size:13px}.user-info b,.user-info small{display:block}.user-info b{color:#334155;font-size:12px;font-weight:600}.user-info small{margin-top:3px;color:#8995a4;font-size:11px}.logout-button{width:100%;padding:8px 7px;border:0;border-radius:4px;color:#718096;background:transparent;text-align:left;font-size:12px}.logout-button:hover{color:#b13f39;background:#fff5f4}.content{width:calc(100% - 232px);margin-left:232px;padding:0 42px 28px}.content-header{display:flex;align-items:center;justify-content:space-between;height:88px;border-bottom:1px solid #e5e9ef}.breadcrumb{display:block;margin-bottom:8px;color:#8a96a6;font-size:12px}.content-header h1{margin:0;color:#172b4d;font-size:22px;font-weight:600}.system-status{display:flex;align-items:center;gap:7px;color:#718096;font-size:12px}.system-status i,.connected i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32a36b}.page-body{max-width:1100px;margin:0 auto;padding-top:38px}.page-intro{margin-bottom:27px}.page-intro-with-action{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-intro h2{margin:0 0 9px;color:#172b4d;font-size:25px;font-weight:600;letter-spacing:-.025em}.page-intro p{margin:0;color:#718096;font-size:13px;line-height:1.7}.card-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.card{border:1px solid #e3e8ee;border-radius:9px;background:#fff;box-shadow:0 3px 12px #1e293b06}.card-header{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #eef1f4}.card-header h3{margin:0 0 6px;color:#263b57;font-size:16px;font-weight:600}.card-header p{margin:0;color:#8a96a6;font-size:12px}.card{padding:22px}.provider-options{display:grid;gap:10px;margin-top:20px}.provider{display:flex;align-items:center;gap:12px;width:100%;padding:14px 13px;border:1px solid #dfe5ec;border-radius:7px;color:#334155;background:#fff;text-align:left}.provider:hover,.provider.selected{border-color:#5a8bb7;background:#f7fbff}.provider b,.provider small{display:block}.provider b{color:#354a63;font-size:13px;font-weight:500}.provider small{margin-top:4px;color:#8a96a6;font-size:11px}.radio{width:16px;height:16px;border:1px solid #b8c4d1;border-radius:50%}.provider.selected .radio{border:5px solid #2d6da5}.helper-text{margin:11px 0 0;color:#9aa5b3;font-size:11px;text-align:center}.explanation-list{display:grid;margin-top:5px}.explanation-list div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #eef1f4;font-size:12px}.explanation-list div:last-child{border-bottom:0}.explanation-list b{color:#6b7788;font-weight:400}.explanation-list span{color:#354a63;text-align:right}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:36px 0 13px}.section-title h3{margin:0 0 5px;color:#263b57;font-size:16px;font-weight:600}.section-title p{margin:0;color:#8a96a6;font-size:12px}.link-button{padding:0;border:0;color:#28649a;background:transparent;font-size:12px}.empty{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#526276;text-align:center}.empty span{color:#9aa5b3;font-size:12px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.connection-card{display:flex;min-height:117px;flex-direction:column;gap:11px;padding:17px;border:1px solid #e3e8ee;border-radius:8px;background:#fff}.connection-header{display:flex;align-items:center;justify-content:space-between}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;color:#39658c;background:#edf4fb;font-size:11px}.connected{color:#3e8e67;font-size:11px}.connected i{width:6px;height:6px;margin-right:5px}.connection-card>b{overflow:hidden;color:#263b57;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.connection-card>span:last-child{color:#8995a4;font-size:11px}.notice{display:flex;align-items:center;gap:12px;max-width:1100px;margin:16px auto -10px;padding:11px 14px;border:1px solid;border-radius:6px;font-size:12px}.notice button{margin-left:auto;padding:0;border:0;color:inherit;background:transparent;font-size:11px}.notice.success{border-color:#b9dfcc;color:#276a4b;background:#f0faf4}.notice.error{border-color:#ecc6c2;color:#a13c36;background:#fff7f6}.connections-table{overflow:hidden;padding:0}.table-head,.table-row{display:grid;grid-template-columns:1.5fr 1fr 1.35fr 1.25fr;gap:20px;align-items:center;padding:15px 22px}.table-head{border-bottom:1px solid #e8edf2;color:#8793a3;font-size:11px}.table-row{min-height:83px;border-bottom:1px solid #eef1f4;color:#526276;font-size:12px}.table-row:last-child{border-bottom:0}.table-row>b,.table-row>div>b{color:#2e4661;font-weight:500}.table-row small{display:block;margin-top:6px;color:#919cab;font-size:11px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{padding:7px 9px;border:1px solid #d5dfe9;border-radius:5px;color:#35658d;background:#fff;font-size:11px}.actions button:hover{border-color:#5c8fbb;color:#245d91;background:#f6fbff}.actions button.danger:hover{border-color:#d89088;color:#b1453c;background:#fff8f7}.actions button:disabled{cursor:wait;opacity:.55}footer{max-width:1100px;margin:42px auto 0;padding-top:15px;border-top:1px solid #e9edf2;color:#9aa5b3;font-size:11px}@media(max-width:900px){.sidebar{width:205px}.content{width:calc(100% - 205px);margin-left:205px;padding:0 24px 24px}.card-grid{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr 1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:15px}}@media(max-width:620px){.sidebar{position:static;width:68px;padding:20px 8px}.brand{justify-content:center;padding:0}.brand strong,.tenant-card,.navigation,.sidebar-footer{display:none}.content{width:calc(100% - 68px);margin-left:0;padding:0 15px 20px}.content-header{height:72px}.system-status{display:none}.page-body{padding-top:25px}.page-intro-with-action{align-items:flex-start;flex-direction:column}.connection-grid,.table-row{grid-template-columns:1fr}.login-card{padding:34px 25px}}.account-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;padding:16px 20px}.account-notice b,.account-notice span{display:block}.account-notice b{margin-bottom:5px;color:#2e4661;font-size:13px;font-weight:600}.account-notice div span{color:#8995a4;font-size:12px}.last-sync{color:#8995a4;font-size:11px;white-space:nowrap}.accounts-table{overflow:hidden;padding:0}.account-table-head,.account-table-row{display:grid;grid-template-columns:1.05fr 1.45fr 1fr 1fr 1.25fr;gap:18px;align-items:center;padding:15px 22px}.account-table-head{border-bottom:1px solid #e8edf2;color:#8793a3;font-size:11px}.account-table-row{min-height:78px;border-bottom:1px solid #eef1f4;color:#526276;font-size:12px}.account-table-row:last-child{border-bottom:0}.account-table-row b{color:#2e4661;font-weight:500}.account-table-row small{display:block;margin-top:6px;color:#919cab;font-size:11px}.account-table-row>div:first-child b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px}.status-badge.normal{color:#28714e;background:#edf8f1}.status-badge.stale{color:#9a5a42;background:#fff5ed}@media(max-width:620px){.account-notice{align-items:flex-start;flex-direction:column;gap:8px}.account-table-head{display:none}.account-table-row{grid-template-columns:1fr;gap:10px}}