:root{--bg:#f4f8fb;--panel:#fff;--ink:#14212b;--muted:#71808d;--line:#dce7ee;--blue:#dff2ff;--blue-strong:#2c86b9;--navy:#0f2635;--green:#1e8b68;--red:#c94c4c;--amber:#b2762e;--shadow:0 14px 40px rgba(25,51,68,.08);--radius:22px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",Arial,sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:#fff;padding:28px 18px 22px;display:flex;flex-direction:column;z-index:20}.brand,.setup-brand{display:flex;gap:12px;align-items:center}.brand{padding:0 10px 26px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#dff2ff;color:#164963;font-weight:900;font-size:20px;box-shadow:inset 0 0 0 1px rgba(31,91,122,.12)}.brand strong,.setup-brand strong{display:block;font-size:19px}.brand span,.setup-brand span{display:block;font-size:11px;color:rgba(255,255,255,.52);margin-top:2px;letter-spacing:.04em}.setup-brand span{color:var(--muted)}.nav-list{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;color:rgba(255,255,255,.7);font-weight:700;font-size:14px}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.is-active{background:#dff2ff;color:#133f57}.nav-icon{width:24px;text-align:center;font-size:17px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.admin-chip{display:flex;gap:10px;align-items:center;padding:10px}.admin-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}.admin-chip strong{display:block;font-size:12px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-chip div span{font-size:10px;color:rgba(255,255,255,.48)}.logout-link{display:block;padding:8px 10px;color:rgba(255,255,255,.55);font-size:12px}.main-wrap{margin-left:252px;min-width:0;width:calc(100% - 252px)}.topbar{height:92px;padding:22px 34px;background:rgba(244,248,251,.9);backdrop-filter:blur(12px);display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(220,231,238,.75)}.topbar h1{font-size:23px;margin:2px 0 0}.topbar-eyebrow,.eyebrow,.auth-kicker{font-size:10px;letter-spacing:.16em;font-weight:900;color:#78909e}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#36a87d;box-shadow:0 0 0 5px rgba(54,168,125,.11)}.menu-button{display:none;border:0;background:transparent;font-size:22px}.content{padding:30px 34px 44px;max-width:1600px;margin:0 auto}.footer{padding:0 34px 28px;color:#94a2ad;font-size:11px}.page-lead{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.page-lead h2{font-size:30px;line-height:1.15;margin:6px 0 7px;letter-spacing:-.03em}.page-lead p{margin:0;max-width:760px;color:var(--muted);font-size:14px;line-height:1.7}.page-lead code{background:#eaf2f6;padding:2px 6px;border-radius:6px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-grid.small{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(36,66,83,.04)}.metric-card span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric-card strong{display:block;font-size:31px;margin:12px 0 5px;letter-spacing:-.04em}.metric-card .metric-text{font-size:22px}.metric-card small{color:#93a1ab}.metric-card.metric-alert{background:#fff9f9;border-color:#efd7d7}.dashboard-grid,.detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h3{margin:4px 0 0;font-size:17px}.panel-head>a{font-size:12px;color:#43748f;font-weight:800}.list-stack{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #edf3f6}.list-row:first-child{border-top:0}.list-row:not(.static):hover .row-title{color:#2c86b9}.list-main{min-width:0}.row-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{margin-top:4px;color:var(--muted);font-size:11px}.row-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.badge-success{background:#e5f5ef;color:#197354}.badge-danger{background:#fdeaea;color:#a83e3e}.badge-info{background:#e8f4fb;color:#2c6f92}.badge-muted{background:#eef1f3;color:#68757d}.badge-neutral{background:#f3f5f6;color:#5d6971}.latency{font-family:ui-monospace,monospace;font-weight:900;font-size:12px;white-space:nowrap}.latency.is-bad{color:#c24646}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:900;border:1px solid transparent;cursor:pointer}.btn-primary{background:#1c6f99;color:#fff}.btn-primary:hover{background:#155e82}.btn-secondary{background:#fff;border-color:#cfdde5;color:#264b60}.btn-ghost{background:transparent;color:#687b87}.btn-wide{width:100%}.filter-bar{display:flex;gap:10px;align-items:center;background:#edf4f8;border:1px solid #dce8ef;padding:10px;border-radius:16px;margin-bottom:16px}.filter-bar select,.filter-bar input{border:1px solid #d6e2e9;background:#fff;border-radius:10px;padding:10px 11px;outline:none;color:var(--ink)}.search-box{display:flex;align-items:center;gap:8px;flex:1;background:#fff;border:1px solid #d6e2e9;border-radius:10px;padding-left:11px}.search-box input{border:0!important;width:100%;min-width:100px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;background:#f8fbfd;color:#758793;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:14px;border-bottom:1px solid #edf3f6;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table td strong{font-size:12px}.subline{display:block;color:var(--muted);font-size:10px;margin-top:3px}.clamp{max-width:390px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-link{font-weight:900;color:#2f769c;white-space:nowrap}.user-cell{display:flex;align-items:center;gap:10px;min-width:190px}.user-dot{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#e4f4fc;color:#2d6684;font-weight:900}.user-cell strong,.user-cell span{display:block}.user-cell div>span{font-size:10px;color:var(--muted);margin-top:2px;max-width:210px;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--muted);font-size:12px}.pagination div{display:flex;gap:8px}.pagination a{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:9px;color:#315d76;font-weight:800}.empty-mini{padding:24px;text-align:center;color:#8c9aa4;font-size:12px}.empty-state{text-align:center;padding:80px 20px}.empty-state h2{margin:12px 0 6px}.empty-state p{color:var(--muted)}.empty-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fdeaea;color:#b43f3f;font-weight:900;margin:auto}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:14px}.breadcrumb a{color:#2f769c;font-weight:800}.profile-hero,.support-hero{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:16px}.profile-avatar{width:62px;height:62px;border-radius:20px;background:#dff2ff;display:grid;place-items:center;font-size:24px;font-weight:900;color:#275d79}.profile-head-main h2,.support-hero h2{margin:4px 0 3px;font-size:24px}.profile-head-main p,.support-hero p{margin:0;color:var(--muted);font-size:11px}.profile-head-badges{margin-left:auto;display:flex;gap:7px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.kv-grid>div,.kv-list>div{padding:11px 0;border-top:1px solid #edf3f6}.kv-grid>div:nth-child(-n+2){border-top:0}.kv-grid span,.kv-list span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.kv-grid strong,.kv-list strong{font-size:12px;word-break:break-word}.privacy-hint{background:#f4f8fa;border-radius:12px;padding:11px 13px;color:#74848e;font-size:10px;line-height:1.6;margin-top:14px}.support-hero{justify-content:space-between;align-items:flex-start}.support-hero .row-badges{justify-content:flex-start}.support-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.message-body{font-size:15px;line-height:1.95;white-space:normal;word-break:break-word;background:#f8fbfd;border:1px solid #e4edf2;border-radius:16px;padding:20px;min-height:180px}.notice-card{display:flex;gap:8px;flex-direction:column;background:#fff8e8;border:1px solid #eedcaa;border-radius:16px;padding:16px 18px;color:#745d27;font-size:12px}.lead-pills{display:flex;gap:8px}.pill{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;background:#edf3f6}.pill.danger{background:#fdeaea;color:#a64040}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.status-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.status-card.ok{border-color:#cfe7dc}.status-card.bad{border-color:#efd2d2}.status-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#eef4f7}.status-card.ok .status-icon{background:#e6f5ee;color:#1b7b59}.status-card.bad .status-icon{background:#fdeaea;color:#b33e3e}.status-card span,.status-card small{display:block;color:var(--muted);font-size:10px}.status-card strong{display:block;font-size:14px;margin:3px 0}.table-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.table-health{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;background:#f7fafb}.table-health>span{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900}.table-health.ok>span{background:#e5f5ef;color:#197354}.table-health.bad>span{background:#fdeaea;color:#a83e3e}.table-health strong{display:block;font-size:10px}.table-health small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.check-list{margin:0;padding:0;list-style:none}.check-list li{padding:10px 0;border-top:1px solid #edf3f6;font-size:12px}.check-list li:first-child{border-top:0}.check-list li:before{content:'✓';color:#27805f;font-weight:900;margin-right:8px}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:12px;font-weight:700;transition:.4s}.flash-success{background:#e6f5ef;color:#166c50;border:1px solid #cbe9dc}.flash-error{background:#fdeaea;color:#9e3a3a;border:1px solid #efcece}.flash-info{background:#e8f4fb;color:#2c6f92;border:1px solid #d2e8f4}.flash.is-fading{opacity:.2}.auth-body{min-height:100vh;background:#edf4f8}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{background:#102c3d;min-height:100vh;padding:8vw;display:flex;align-items:flex-end;color:#fff}.auth-visual-inner{max-width:620px}.visual-badge{font-size:10px;letter-spacing:.18em;color:#90bbd0;font-weight:900}.auth-visual h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:1.02;margin:22px 0}.auth-visual p{max-width:520px;color:rgba(255,255,255,.65);line-height:1.8}.visual-metrics{display:flex;gap:30px;margin-top:38px;color:rgba(255,255,255,.62);font-size:11px}.visual-metrics b{display:block;font-size:22px;color:#fff;margin-bottom:2px}.auth-card{width:min(520px,calc(100% - 40px));margin:auto;background:#fff;border:1px solid #dbe6ec;border-radius:28px;padding:34px;box-shadow:0 22px 60px rgba(30,63,82,.11)}.auth-card .setup-brand{margin-bottom:42px}.auth-card h1{font-size:28px;letter-spacing:-.03em;margin:7px 0}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 24px}.setup-shell{max-width:760px;margin:0 auto;padding:50px 20px}.setup-shell>.setup-brand{margin-bottom:18px}.setup-card{width:100%;padding:34px}.setup-card .setup-brand{margin-bottom:0}.setup-form{display:flex;flex-direction:column;gap:13px}.setup-form label span{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.setup-form input{width:100%;border:1px solid #d7e2e8;background:#fbfdfe;padding:12px 13px;border-radius:11px;outline:none}.setup-form input:focus{border-color:#7fb4d0;box-shadow:0 0 0 3px rgba(65,139,177,.1)}.setup-form small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.form-grid.two{display:grid;grid-template-columns:1fr 150px;gap:12px}.form-section-title{font-size:10px;color:#6d8390;font-weight:900;letter-spacing:.12em;border-top:1px solid #e7eef2;padding-top:16px;margin-top:5px}.form-section-title:first-of-type{border-top:0;padding-top:0}.security-note{margin-top:18px;background:#f3f7f9;padding:12px;border-radius:11px;color:#72828c;font-size:10px;line-height:1.6}.success-orb{width:54px;height:54px;border-radius:18px;background:#e4f5ee;color:#1b805c;display:grid;place-items:center;font-size:23px;font-weight:900}.code-panel{background:#132a38;color:#dbeef8;padding:13px;border-radius:11px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.6;margin-bottom:14px;word-break:break-word}.sidebar-backdrop{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.sidebar{transform:translateX(-102%);transition:.25s}.nav-open .sidebar{transform:translateX(0)}.main-wrap{margin-left:0;width:100%}.menu-button{display:block}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(7,23,32,.36);z-index:15;opacity:0;pointer-events:none;transition:.25s}.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.content{padding:22px 18px 36px}.topbar{padding:18px;height:82px}.topbar-right{display:none}.dashboard-grid,.detail-grid,.support-detail-grid{grid-template-columns:1fr}.metric-grid,.metric-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{margin:40px auto}.filter-bar{flex-wrap:wrap}.search-box{flex-basis:100%}.page-lead{align-items:flex-start;flex-direction:column}.support-hero{gap:18px;flex-direction:column}.profile-hero{flex-wrap:wrap}.profile-head-badges{margin-left:0;width:100%}}
@media(max-width:560px){.metric-grid,.metric-grid.small{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.metric-card strong{font-size:25px}.page-lead h2{font-size:25px}.panel{padding:17px;border-radius:18px}.kv-grid{grid-template-columns:1fr}.kv-grid>div:nth-child(2){border-top:1px solid #edf3f6}.table-health-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.auth-card{padding:25px}.profile-avatar{width:50px;height:50px}.profile-head-main h2{font-size:20px}.pagination{align-items:flex-start;gap:12px;flex-direction:column}.footer{padding-left:18px}}

/* v1.1.0 · API performance monitoring */
.lead-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.auto-refresh-hint{font-size:10px;font-weight:800;color:var(--muted);background:#eaf2f6;border:1px solid #dbe7ed;border-radius:999px;padding:7px 10px}.performance-filter{align-items:flex-end}.performance-filter label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;font-weight:900}.performance-route-filter{min-width:min(520px,55vw);flex:1}.performance-route-filter select{width:100%}.performance-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.live-health-card{position:relative;overflow:hidden}.live-health-card:after{content:"";position:absolute;right:16px;top:16px;width:8px;height:8px;border-radius:50%;background:#36a87d;box-shadow:0 0 0 5px rgba(54,168,125,.11)}.live-health-card.perf-live-bad:after{background:#c94c4c;box-shadow:0 0 0 5px rgba(201,76,76,.11)}.perf-card-normal{border-color:#d8e9e3}.perf-card-notice{border-color:#ead9b7;background:#fffdf8}.perf-card-slow,.perf-card-severe{border-color:#efd7d7;background:#fff9f9}.performance-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-chart-panel{margin-bottom:18px}.performance-chart-wrap{position:relative;width:100%;height:310px;border:1px solid #e3edf2;border-radius:16px;background:linear-gradient(180deg,#fbfdfe,#f7fbfd);overflow:hidden}.performance-chart-wrap canvas{width:100%;height:100%;display:block}.chart-legend{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:10px;font-weight:800}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:16px;height:3px;border-radius:999px;display:inline-block}.legend-server{background:#327da5}.legend-client{background:#b2762e}.chart-thresholds{display:flex;justify-content:flex-end;gap:13px;flex-wrap:wrap;color:#8998a3;font-size:9px;margin-top:10px}.panel-head-padded{padding:20px 22px 0}.performance-table-panel{margin-bottom:18px}.performance-table td,.performance-table th{font-variant-numeric:tabular-nums}.performance-table td:not(:first-child){white-space:nowrap}.perf-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.perf-normal{background:#e5f5ef;color:#197354}.perf-notice{background:#fff3d8;color:#8a641e}.perf-slow{background:#fdebdc;color:#a35d25}.perf-severe{background:#fdeaea;color:#a83e3e}.perf-unknown{background:#eef1f3;color:#68757d}.performance-bottom-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.error-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.error-code-card{border:1px solid #e6edf1;background:#f9fbfc;border-radius:14px;padding:15px}.error-code-card strong{display:block;font-family:ui-monospace,monospace;font-size:21px;color:#a83e3e}.error-code-card span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.request-id{display:inline-block;max-width:130px;color:#71808d}.performance-privacy{margin-top:0}.monitor-not-ready{text-align:center;padding:55px 26px}.monitor-not-ready h2{margin:15px 0 8px}.monitor-not-ready p{max-width:700px;margin:0 auto 15px;color:var(--muted);line-height:1.8}.monitor-not-ready code{background:#edf4f8;padding:2px 6px;border-radius:6px}.status-card strong[data-health-server],.status-card strong[data-health-total-strong]{font-variant-numeric:tabular-nums}
@media(max-width:1300px){.performance-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.performance-health-grid{grid-template-columns:1fr}.performance-bottom-grid{grid-template-columns:1fr}.performance-route-filter{min-width:0;width:100%}.performance-filter{align-items:stretch;flex-direction:column}.performance-filter label{width:100%}.performance-filter select{width:100%}}
@media(max-width:720px){.performance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-chart-wrap{height:260px}.chart-legend{align-items:flex-start;flex-direction:column;gap:5px}.lead-actions{width:100%}}
@media(max-width:480px){.performance-metric-grid{grid-template-columns:1fr}.error-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}