:root{--bg: #f4f8f7;--bg-soft: #effaf7;--surface: #ffffff;--surface-2: #f7faf9;--border: #e2ebe8;--border-strong: #d2ded9;--ink: #142420;--text: #1f2e2a;--text-dim: #5d6f69;--text-faint: #91a39c;--teal: #008080;--teal-deep: #0a5c5c;--teal-bright: #11a3a0;--teal-soft: #e3f1f0;--teal-glow: rgba(0,128,128,.14);--ok: #12936a;--ok-soft: #e2f3ec;--danger: #d6453f;--danger-soft: #fbe7e6;--warn: #c9881f;--warn-soft: #fbf0db;--info: #2f7ca8;--info-soft: #e4eff6;--mono: "IBM Plex Mono", monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--display: "Questrial", "Inter", sans-serif;--shadow-sm: 0 1px 2px rgba(20,36,32,.04), 0 1px 3px rgba(20,36,32,.06);--shadow-md: 0 4px 14px -6px rgba(20,36,32,.12);--shadow-lg: 0 18px 40px -22px rgba(0,128,128,.3);--grad-teal: linear-gradient(135deg, var(--teal-bright), var(--teal-deep))}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg);background-image:radial-gradient(1100px circle at 88% -8%,rgba(17,163,160,.16),transparent 42%),radial-gradient(900px circle at 0% 0%,rgba(0,128,128,.07),transparent 38%);background-attachment:fixed;color:var(--text);font-family:var(--sans);min-height:100vh;line-height:1.5}.wrap{max-width:1200px;margin:0 auto;padding:0 22px}button{font-family:inherit;color:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--teal)}header{border-bottom:1px solid var(--border);background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:flex;align-items:center;gap:11px}.logo-img{display:block;width:auto}.logo-fallback{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:38px;height:38px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:.01em;color:var(--ink)}.brand-name .accent{color:var(--teal)}.brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-top:2px}.header-right{display:flex;align-items:center;gap:14px}.brand-btn{background:none;border:none;padding:0;cursor:pointer}.brand-btn:hover .brand-name{color:var(--teal)}.header-search{width:320px;max-width:34vw}.header-search .psearch-input{padding:8px 12px;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a181473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:48px 20px;overflow:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px -30px #0a181499;width:100%;max-width:920px;animation:fade .25s ease}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--display);font-size:20px;color:var(--ink)}.modal-sub{font-size:12px;color:var(--text-faint);margin-top:3px}.modal-close{width:32px;height:32px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);font-size:14px;flex-shrink:0}.modal-close:hover{border-color:var(--teal);color:var(--teal)}.modal-body{display:grid;grid-template-columns:300px 1fr;gap:22px;padding:22px}.pd-gallery{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pd-image{max-width:100%;max-height:100%;object-fit:contain}.pd-noimg{color:var(--text-faint);font-family:var(--mono);font-size:12px}.pd-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pd-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border);cursor:pointer}.pd-thumb.active{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-glow)}.pd-table td{padding:9px 4px}.pd-table td:first-child{color:var(--text-dim);width:42%;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--mono)}.pd-link{color:var(--teal);text-decoration:none;font-weight:500}.pd-link:hover{text-decoration:underline}.pd-textblock{margin-top:16px}.pd-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px}.pd-text{font-size:13px;color:var(--text);line-height:1.6;max-height:160px;overflow:auto}.pd-muted{color:var(--text-faint)}.pd-chartwrap{margin-top:18px}@media(max-width:720px){.modal-body{grid-template-columns:1fr}.header-search{display:none}}.user-chip{display:flex;align-items:center;gap:10px}.user-email{font-family:var(--mono);font-size:12px;color:var(--text-dim);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{font-family:var(--mono);font-size:11px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface);color:var(--text-dim);transition:all .15s}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.login-lang{position:absolute;top:20px;right:22px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);padding:34px 32px;width:100%;max-width:380px;display:flex;flex-direction:column;animation:fade .35s ease}.login-brand{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-bottom:26px}.login-brand .brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.login-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:12px 0 6px}.login-input{width:100%}.login-btn{margin-top:22px;padding:12px;border:none;border-radius:11px;background:var(--grad-teal);color:#fff;font-family:var(--display);font-size:15px;font-weight:400;letter-spacing:.01em;transition:filter .15s,transform .1s}.login-btn:hover:not(:disabled){filter:brightness(1.06)}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.6;cursor:default}.login-error{margin-top:14px;background:var(--danger-soft);color:var(--danger);border:1px solid #eab8b5;border-radius:9px;padding:9px 12px;font-size:13px}.login-remember{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{width:15px;height:15px;accent-color:var(--teal);cursor:pointer}.lang{display:inline-flex;border:1px solid var(--border-strong);border-radius:20px;overflow:hidden;background:var(--surface)}.lang button{padding:5px 12px;font-size:12px;font-weight:600;font-family:var(--mono);color:var(--text-dim);background:transparent;border:none;transition:all .15s}.lang button.active{background:var(--teal);color:#fff}.lang button:not(.active):hover{color:var(--teal)}.crumbs{display:flex;align-items:center;gap:9px;padding:20px 0 6px;font-size:13px;flex-wrap:wrap}.crumb{color:var(--text-dim);cursor:pointer;transition:color .15s;font-family:var(--mono);font-size:12px;background:none;border:none;padding:0}.crumb:hover{color:var(--teal)}.crumb.active{color:var(--ink);cursor:default;font-weight:600}.crumb-sep{color:var(--text-faint)}.page-head{padding:16px 0 26px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-title{font-family:var(--display);font-size:34px;font-weight:400;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:center;gap:13px}.page-title .bar{width:4px;height:30px;border-radius:3px;background:var(--grad-teal)}.page-sub{color:var(--text-dim);font-size:14px;margin-top:7px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.select{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:10px;padding:9px 13px;font-size:13px;font-family:var(--sans);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}.input{min-width:210px}.lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-teal)}.kpi.danger:after{background:var(--danger)}.kpi.warn:after{background:var(--warn)}.kpi.info:after{background:var(--info)}.kpi-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.kpi-value{font-family:var(--display);font-size:34px;font-weight:400;margin-top:10px;letter-spacing:-.01em;color:var(--ink)}.kpi.accent .kpi-value{color:var(--teal)}.kpi-delta{font-size:12px;margin-top:5px;font-family:var(--mono);color:var(--text-faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s;position:relative;text-align:left;box-shadow:var(--shadow-sm)}.tile:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tile-badge{font-family:var(--mono);font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-muted{background:var(--surface-2);color:var(--text-faint);border:1px solid var(--border)}.tile-name{font-family:var(--display);font-size:19px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}.tile-meta{color:var(--text-dim);font-size:13px;margin-top:5px;font-family:var(--mono)}.tile-stats{display:flex;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);align-items:center;flex-wrap:wrap}.tile-stat-num{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--ink)}.tile-stat-lbl{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.arrow{color:var(--text-faint);transition:transform .2s,color .2s;font-size:18px}.tile:hover .arrow{transform:translate(4px);color:var(--teal)}.cmark{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:.02em;color:var(--teal);background:var(--teal-soft);border:1px solid #cfe5e3}.cmark.sm{width:30px;height:30px;font-size:12px;border-radius:9px}.avatar{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:400;color:var(--teal);font-size:18px;background:var(--surface-2);border:1px solid var(--border-strong)}.tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.tab{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:11px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .16s}.tab:hover{border-color:var(--teal);color:var(--teal)}.tab.active{background:var(--teal);border-color:var(--teal);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.card-title{font-family:var(--display);font-weight:400;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:10px}.card-ic{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--teal-soft);border:1px solid #d6e8e6;font-size:15px}.card-dot{width:9px;height:9px;border-radius:3px;display:inline-block;background:var(--text-faint);flex-shrink:0}.card-dot.dot-ok{background:var(--ok)}.card-dot.dot-warning{background:var(--warn)}.card-dot.dot-critical{background:var(--danger)}.card-desc{color:var(--text-dim);font-size:13px;margin:8px 0 16px}.card-desc code{font-family:var(--mono);font-size:12px;background:var(--surface-2);padding:1px 6px;border-radius:5px;color:var(--teal-deep)}.dtable{width:100%;border-collapse:collapse;font-size:13px}.dtable th{text-align:left;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:9px 12px;border-bottom:1px solid var(--border)}.dtable td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text)}.dtable tbody tr{transition:background .12s}.dtable tbody tr:hover{background:var(--teal-soft)}.dtable tr:last-child td{border-bottom:none}.dtable tr.row-critical td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.dtable tr.row-warning td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.mono{font-family:var(--mono)}.sev-pill{font-family:var(--mono);font-size:11px;padding:2px 9px;border-radius:20px}.dtable tr.clickable{cursor:pointer}.dtable tr.row-selected td{background:var(--teal-soft)}.dtable tr.row-selected td:first-child{box-shadow:inset 3px 0 0 var(--teal)}.psearch{position:relative}.psearch-input{width:100%}.psearch-pop{position:absolute;z-index:30;left:0;right:0;margin-top:6px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-md);max-height:300px;overflow:auto}.psearch-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--border);text-align:left}.psearch-item:last-child{border-bottom:none}.psearch-item:hover,.psearch-item.sel{background:var(--teal-soft)}.psearch-thumb{width:22px;text-align:center;flex-shrink:0}.psearch-main{flex:1;min-width:0;display:flex;flex-direction:column}.psearch-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psearch-id{font-size:11px;color:var(--text-faint)}.psearch-price{font-size:13px;color:var(--ink);flex-shrink:0}.psearch-empty{padding:12px;color:var(--text-dim);font-size:13px}.fresh{font-family:var(--mono);font-size:10px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.chart-box{position:relative;height:220px}.hm-legend{display:flex;gap:12px;flex-wrap:wrap}.hm-leg{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.hm-rows{display:flex;flex-direction:column;gap:10px;margin-top:4px}.hm-row{display:flex;align-items:center;gap:12px}.hm-label{flex-shrink:0}.hm-cells{display:flex;flex-wrap:wrap;gap:4px}.hm-cell{width:16px;height:16px;border-radius:4px;display:inline-block}.hm-fresh{background:#12936a}.hm-recent{background:#63c39d}.hm-aging{background:#e6c34d}.hm-stale{background:#e0863c}.hm-dead{background:#d6453f}.hm-never{background:#dfe6e3;border:1px solid var(--border-strong)}.hchip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.hchip .hdot{width:8px;height:8px;border-radius:50%}.h-ok{background:var(--ok-soft);color:var(--ok)}.h-ok .hdot{background:var(--ok)}.h-warn{background:var(--warn-soft);color:var(--warn)}.h-warn .hdot{background:var(--warn)}.h-danger{background:var(--danger-soft);color:var(--danger)}.h-danger .hdot{background:var(--danger)}.h-muted{background:var(--surface-2);color:var(--text-faint)}.h-muted .hdot{background:var(--text-faint)}.range-sel{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}.range-btn{font-family:var(--mono);font-size:11px;padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);transition:all .14s}.range-btn:hover{color:var(--teal)}.range-btn.active{background:var(--teal);color:#fff}.msg{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:44px;text-align:center;color:var(--text-dim);box-shadow:var(--shadow-sm)}.spinner{width:28px;height:28px;border:3px solid var(--border-strong);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.banner{display:flex;align-items:center;gap:10px;background:var(--ok-soft);border:1px solid #bfe4d4;color:var(--ok);border-radius:12px;padding:11px 16px;font-size:12px;margin-bottom:20px;font-family:var(--mono);letter-spacing:.02em}.banner.sample{background:var(--warn-soft);border-color:#ecd6a6;color:var(--warn)}.fade{animation:fade .4s ease}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-h{font-family:var(--display);font-weight:400;font-size:18px;color:var(--ink);margin:10px 0 16px;display:flex;align-items:center;gap:10px}.section-h:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--grad-teal)}footer{text-align:center;padding:44px 0;color:var(--text-faint);font-family:var(--mono);font-size:11px;letter-spacing:.04em}footer .fbrand{color:var(--teal)}@media(max-width:720px){.kpi-row{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.page-title{font-size:26px}}