:root{--blue-700:#1839a8;--blue-600:#2857d6;--blue-500:#3b6dea;--blue-100:#e9f0ff;--navy-900:#16213b;--slate-700:#44516a;--slate-500:#70809c;--slate-300:#d8e0ed;--slate-200:#e7ecf4;--slate-100:#f3f6fa;--white:#fff;--green:#1f9d62;--amber:#c77700;--pink:#e15b82;--orange:#e88632;--shadow:0 8px 24px #142e6014}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--slate-100);color:var(--navy-900);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-top:64px;padding-left:232px}.topbar{z-index:20;background:var(--white);border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;inset:0 0 auto}.brand,.topbar-meta,.context-strip,.heading-actions,.metric-title-row{align-items:center;display:flex}.brand{letter-spacing:.02em;gap:11px;font-weight:750}.brand-mark{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));width:34px;height:34px;color:var(--white);border-radius:10px;place-items:center;display:grid;box-shadow:0 5px 14px #2857d647}.topbar-meta{gap:12px}.user-name{color:var(--slate-700);font-size:12px;font-weight:650}.logout-button,.text-button{color:var(--blue-600);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.logout-button:hover,.text-button:hover{text-decoration:underline}.environment-badge,.draft-chip,.status-chip,.version-chip{white-space:nowrap;border-radius:999px;align-items:center;display:inline-flex}.environment-badge{color:var(--amber);background:#fff5df;padding:5px 10px;font-size:12px;font-weight:650}.avatar{background:var(--blue-100);width:34px;height:34px;color:var(--blue-700);border-radius:50%;place-items:center;font-size:13px;font-weight:750;display:grid}.sidebar{z-index:10;background:var(--white);border-right:1px solid var(--slate-200);width:232px;padding:24px 16px;position:fixed;top:64px;bottom:0;left:0}.nav-section{color:#99a4b8;letter-spacing:.08em;margin:0 12px 9px;font-size:12px;font-weight:650}.nav-section-spaced{margin-top:28px}.nav-link{min-height:44px;color:var(--slate-700);border-radius:9px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--slate-100)}.nav-link.active{background:var(--blue-100);color:var(--blue-700)}.nav-icon{border:1px solid var(--slate-300);border-radius:8px;place-items:center;min-width:27px;height:27px;font-size:10px;display:grid}.nav-link.active .nav-icon{color:var(--white);background:var(--blue-600);border-color:var(--blue-600)}.sidebar-note{background:var(--slate-100);color:var(--slate-500);border-radius:10px;flex-direction:column;gap:5px;padding:14px;font-size:12px;display:flex;position:absolute;bottom:20px;left:16px;right:16px}.sidebar-note strong{color:var(--slate-700)}.main-content{min-height:calc(100vh - 64px);padding:30px 32px 48px;overflow:hidden}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--blue-600);letter-spacing:.08em;margin:0 0 7px;font-size:12px;font-weight:750}h1,h2,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:8px;font-size:28px}.page-description{color:var(--slate-500);margin-bottom:0;font-size:14px}.secondary-button{border:1px solid var(--slate-300);background:var(--white);min-height:38px;color:var(--slate-500);border-radius:8px;padding:0 15px}.primary-button{background:linear-gradient(135deg, var(--blue-700), var(--blue-500));min-height:44px;color:var(--white);cursor:pointer;border:0;border-radius:9px;padding:0 18px;font-weight:700;box-shadow:0 7px 16px #2857d633}.primary-button.compact{min-height:38px;font-size:13px}.primary-button:disabled{cursor:wait;opacity:.65}.heading-shop-select{color:var(--slate-500);flex-direction:column;gap:4px;font-size:10px;display:flex}.heading-shop-select select{border:1px solid var(--slate-300);background:var(--white);border-radius:8px;height:38px;padding:0 12px}.context-strip,.notice-card,.data-card,.filter-bar,.metric-card,.status-state,.empty-state{background:var(--white);border:1px solid var(--slate-200);box-shadow:var(--shadow)}.context-strip{border-radius:12px;gap:24px;min-height:82px;padding:14px 20px}.context-item{flex-direction:column;gap:5px;min-width:90px;display:flex}.context-item-wide{min-width:220px}.context-item span,.metric-card-aside span{color:var(--slate-500);font-size:11px}.context-item strong{font-size:14px}.context-divider{background:var(--slate-200);align-self:stretch;width:1px}.freshness{color:var(--slate-500);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.freshness-dot,.scope-dot,.loading-dot{border-radius:50%;display:inline-block}.freshness-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px #1f9d621a}.notice-card{box-shadow:none;background:#f5f8ff;border-color:#cadaff;border-radius:10px;gap:12px;margin-top:16px;padding:14px 17px;display:flex}.notice-icon{width:20px;height:20px;color:var(--white);background:var(--blue-600);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.notice-card strong{color:var(--blue-700);margin-bottom:3px;font-size:13px;display:block}.notice-card p{color:#536887;margin-bottom:0;font-size:13px}.data-card{border-radius:12px;margin-top:16px;overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px 17px;display:flex}.card-header h2,.metric-card h2{margin-bottom:5px;font-size:17px}.card-header p{color:var(--slate-500);margin-bottom:0;font-size:12px}.draft-chip{color:var(--amber);background:#fff5df;padding:5px 10px;font-size:11px;font-weight:650}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.data-table th{color:var(--slate-500);text-align:right;white-space:nowrap;border-top:1px solid var(--slate-200);border-bottom:1px solid var(--slate-200);background:#f7f9fc;padding:13px 16px;font-size:11px;font-weight:650}.data-table th:first-child,.data-table td:first-child{text-align:left;width:270px}.data-table td{border-bottom:1px solid var(--slate-200);padding:15px 16px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcff}.scope-name{align-items:center;gap:11px;display:flex}.scope-name div{flex-direction:column;gap:4px;display:flex}.scope-name strong{font-size:13px}.scope-name span:last-child{color:var(--slate-500);font-size:10px}.scope-dot{background:var(--slate-500);width:8px;height:8px;box-shadow:0 0 0 4px #70809c1a}.scope-dot.blue{background:var(--blue-500);box-shadow:0 0 0 4px #3b6dea1a}.scope-dot.pink{background:var(--pink);box-shadow:0 0 0 4px #e15b821a}.scope-dot.orange{background:var(--orange);box-shadow:0 0 0 4px #e886321a}.number-cell,.rate-cell{text-align:right;font-variant-numeric:tabular-nums}.number-cell{color:#263653;font-weight:650}.rate-cell{color:var(--slate-500)}.metric-summary{color:var(--slate-500);align-items:baseline;gap:8px;font-size:12px;display:flex}.metric-summary strong{color:var(--blue-600);font-size:30px}.filter-bar{box-shadow:none;border-radius:12px;gap:16px;padding:15px;display:flex}.search-field,.select-field{color:var(--slate-500);flex-direction:column;gap:6px;font-size:11px;display:flex}.search-field{flex:1}.select-field{width:160px}.search-field input,.select-field select{border:1px solid var(--slate-300);background:var(--white);width:100%;height:40px;color:var(--navy-900);border-radius:8px;outline:none;padding:0 12px;font-size:13px}.search-field input:focus,.select-field select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b6dea1f}.metric-list{gap:14px;margin-top:16px;display:grid}.metric-card{border-radius:12px;grid-template-columns:minmax(0,1fr) 270px;display:grid;overflow:hidden}.metric-card-main{padding:20px 22px}.metric-title-row{flex-wrap:wrap;gap:8px}.metric-title-row h2{margin-right:3px}.metric-card-main>p{color:var(--slate-500);margin:3px 0 18px;font-size:13px}.status-chip,.version-chip{padding:4px 8px;font-size:10px;font-weight:700}.status-chip.published{color:var(--green);background:#eaf8f1}.status-chip.draft{color:var(--amber);background:#fff5df}.status-chip.disabled,.version-chip{color:var(--slate-500);background:var(--slate-100)}.metric-details{grid-template-columns:1fr 2fr;gap:16px 26px;margin:0;display:grid}.metric-details div{min-width:0}.metric-details dt{color:var(--slate-500);margin-bottom:6px;font-size:10px}.metric-details dd{color:var(--slate-700);flex-wrap:wrap;gap:5px;margin:0;font-size:12px;line-height:1.6;display:flex}code{background:var(--slate-100);color:#315080;overflow-wrap:anywhere;border-radius:4px;padding:2px 5px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.metric-card-aside{border-left:1px solid var(--slate-200);background:#f8faff;flex-direction:column;gap:19px;padding:20px;display:flex}.metric-card-aside div{flex-direction:column;gap:6px;display:flex}.metric-card-aside strong,.metric-card-aside p{color:var(--slate-700);margin:0;font-size:12px}.metric-card-aside code{background:0 0;padding:0}.status-state,.empty-state{min-height:240px;color:var(--slate-500);border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.loading-dot{background:var(--blue-500);width:9px;height:9px;animation:1.1s ease-in-out infinite pulse}.error-state{color:#b04444;flex-direction:column}.error-state span,.error-state small{color:var(--slate-500)}.login-page{background:var(--white);grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);min-height:100vh;display:grid}.login-brand-panel{min-height:100vh;color:var(--white);background:linear-gradient(145deg,#102477 0%,#234cc8 55%,#4e78ec 100%);align-items:center;padding:9vw;display:flex;position:relative;overflow:hidden}.login-brand-content{z-index:2;max-width:520px;position:relative}.login-mark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff4d;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:38px;font-size:23px;font-weight:800;display:grid}.login-eyebrow{color:#ffffffa1;letter-spacing:.18em;margin-bottom:14px;font-size:11px;font-weight:700}.login-brand-content h1{margin-bottom:22px;font-size:clamp(34px,3.3vw,54px);line-height:1.24}.login-brand-content>p:last-child{color:#ffffffb8;font-size:15px}.login-grid{border:1px solid #ffffff1f;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-160px;right:-130px;box-shadow:0 0 0 70px #ffffff09,0 0 0 140px #ffffff06}.login-form-panel{place-items:center;padding:48px;display:grid}.login-card{flex-direction:column;gap:21px;width:min(400px,100%);display:flex}.login-card h2{margin-bottom:7px;font-size:27px}.login-subtitle,.login-help{color:var(--slate-500);margin-bottom:0;font-size:12px}.login-card label,.account-form label{flex-direction:column;gap:7px;display:flex}.login-card label>span,.account-form label>span,.account-form legend{color:var(--slate-700);font-size:12px;font-weight:650}.login-card input,.account-form input,.account-form select{border:1px solid var(--slate-300);background:var(--white);width:100%;height:44px;color:var(--navy-900);border-radius:9px;outline:none;padding:0 13px}.login-card input:focus,.account-form input:focus,.account-form select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b6dea1f}.login-error{color:#b04444;margin:-7px 0 0;font-size:12px}.login-help{text-align:center}.account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.account-stats>div{border:1px solid var(--slate-200);background:var(--white);min-height:84px;box-shadow:var(--shadow);border-radius:11px;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.account-stats span{color:var(--slate-500);font-size:12px}.account-stats strong{color:var(--blue-600);font-size:26px}.account-table-card{margin-top:16px}.account-table th,.account-table td{text-align:left}.account-table th:first-child,.account-table td:first-child{width:auto}.user-cell{align-items:center;gap:10px;display:flex}.user-cell>span{background:var(--blue-100);width:32px;height:32px;color:var(--blue-700);border-radius:9px;flex:none;place-items:center;font-weight:750;display:grid}.user-cell div{flex-direction:column;gap:3px;display:flex}.user-cell small{color:var(--slate-500)}.inline-error{color:#a43d3d;background:#fff0f0;border-radius:8px;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 14px;font-size:12px;display:flex}.inline-error button{color:inherit;cursor:pointer;background:0 0;border:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e193170;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--white);border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 28px 80px #0a193747}.modal-header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:flex-start;padding:23px 24px 18px;display:flex}.modal-header h2{margin-bottom:0}.modal-header>button{background:var(--slate-100);width:32px;height:32px;color:var(--slate-500);cursor:pointer;border:0;border-radius:8px;font-size:21px}.account-form{padding:22px 24px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.account-form fieldset{border:0;margin:22px 0 0;padding:0}.account-form legend{margin-bottom:10px}.shop-options{gap:8px;display:grid}.shop-option{border:1px solid var(--slate-200);cursor:pointer;border-radius:8px;align-items:center;min-height:54px;padding:10px 12px;flex-direction:row!important;gap:10px!important}.shop-option input{width:16px;height:16px;accent-color:var(--blue-600);padding:0}.shop-option>span{flex-direction:column;gap:3px;display:flex}.shop-option small{color:var(--slate-500);font-weight:400}.modal-actions{border-top:1px solid var(--slate-200);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media (max-width:1050px){.context-strip{flex-wrap:wrap;align-items:flex-start}.context-divider{display:none}.freshness{width:100%;margin-left:0}.metric-card{grid-template-columns:1fr}.metric-card-aside{border-top:1px solid var(--slate-200);border-left:0;grid-template-columns:repeat(3,1fr);display:grid}}@media (max-width:760px){.app-shell{padding-left:0}.sidebar{border-right:0;border-bottom:1px solid var(--slate-200);gap:8px;width:auto;height:auto;padding:10px 16px;display:flex;position:static;overflow-x:auto}.nav-section,.sidebar-note{display:none}.nav-link{flex:none}.main-content{padding:22px 16px 36px}.page-heading{align-items:flex-start}.environment-badge{display:none}.context-item,.context-item-wide{min-width:calc(50% - 12px)}.filter-bar{flex-direction:column}.select-field{width:100%}.metric-details,.metric-card-aside{grid-template-columns:1fr}.user-name{display:none}.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:260px;padding:44px 28px}.login-mark{margin-bottom:22px}.login-brand-content h1{font-size:30px}.login-form-panel{padding:40px 22px}.account-stats,.form-grid{grid-template-columns:1fr}}