:root{color:#172026;background:#e9eef2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}h1,h2,p{margin:0;letter-spacing:0}.fixture-shell{min-height:100vh;padding:20px}.fixture-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,100%);margin:0 auto 18px;padding:10px 12px;border:1px solid #cad6dd;border-radius:8px;background:#fff}.fixture-logo{color:#172026;font-weight:800;text-decoration:none}.fixture-nav div{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.fixture-nav a:not(.fixture-logo){padding:6px 9px;border:1px solid transparent;border-radius:999px;color:#536b72;font-size:.82rem;font-weight:800;text-decoration:none}.fixture-nav a.active{border-color:#2368b2;color:#172026;background:#eaf3fb}.fixture-page{width:min(1180px,100%);min-height:620px;margin:0 auto;padding:22px;border:1px solid #cad6dd;border-radius:8px;background:#f8fafb}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #d8e1e6}.page-heading p{margin-bottom:4px;color:#536b72;font-size:.72rem;font-weight:800;text-transform:uppercase}.page-heading h1{color:#172026;font-size:1.5rem}.page-heading>span{max-width:360px;color:#536b72;font-size:.88rem;text-align:right}.dashboard{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:480px;overflow:hidden;border:1px solid #d2dde3;border-radius:8px;background:#fff}.dashboard-rail{display:grid;align-content:start;gap:14px;padding:20px;color:#dce7ec;background:#172026}.dashboard-rail strong{margin-bottom:14px;color:#fff;font-size:1.2rem}.dashboard-rail span{padding:8px 10px;border-radius:6px;background:#ffffff14}.dashboard-main{display:grid;gap:18px;align-content:start;padding:22px}.dashboard-header,.dynamic-band,.auth-layout,.slow-panel,.billing-card header,.price-row,.tall-row{display:flex;align-items:center;justify-content:space-between}.dashboard-header span{color:#536b72;font-size:.78rem;font-weight:800;text-transform:uppercase}.dashboard-header h2{margin-top:3px;font-size:1.35rem}.primary-action{height:38px;padding:0 18px;border:0;border-radius:7px;color:#fff;background:#16865b;font-weight:800}.primary-action.shifted{margin-right:96px;background:#d14b3a}.regression-banner{padding:10px 12px;border:1px solid #efb5a9;border-radius:8px;color:#9b3024;background:#fde8e3;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{min-height:128px;padding:16px;border:1px solid #d2dde3;border-radius:8px;background:#fff;border-top-width:6px}.metric span,.billing-card header span,.auth-sidebar span,.tall-row span{color:#536b72;font-size:.78rem;font-weight:800;text-transform:uppercase}.metric strong{display:block;margin:18px 0 6px;font-size:2.1rem}.metric em,.auth-sidebar em,.billing-card em{color:#536b72;font-style:normal}.metric.green{border-top-color:#16865b}.metric.blue{border-top-color:#2368b2}.metric.amber{border-top-color:#dc8a2f}.metric.red{border-top-color:#d14b3a}.chart-and-table{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px}.chart-panel{display:flex;align-items:end;gap:14px;min-height:178px;padding:18px;border:1px solid #d2dde3;border-radius:8px;background:#f7faf9}.chart-panel span{flex:1;min-height:28px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#2368b2,#7aa6a1)}.regression .chart-panel span{background:linear-gradient(180deg,#d14b3a,#dc8a2f)}.status-table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid #d2dde3;border-radius:8px;background:#fff}.status-table th,.status-table td{padding:14px 12px;border-bottom:1px solid #e1e8ec;text-align:left}.status-table th{color:#172026}.status-table td{color:#536b72}.status-table tr:last-child th,.status-table tr:last-child td{border-bottom:0}.table-warning th,.table-warning td{background:#fff2df}.dynamic-band{gap:14px;margin-top:16px}.dynamic-band div{flex:1;min-width:0;padding:16px;border:1px dashed #dc8a2f;border-radius:8px;background:#fff8eb}.dynamic-band span,.dynamic-band strong{display:block}.dynamic-band span{color:#8a520e;font-size:.78rem;font-weight:800;text-transform:uppercase}.dynamic-band strong{margin-top:8px;overflow:hidden;color:#172026;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.animation-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:16px}.loader-card,.wave-card,.ticker,.slow-panel,.skeleton-dashboard,.billing-card{border:1px solid #d2dde3;border-radius:8px;background:#fff}.loader-card{min-height:276px;padding:26px}.loader-card h2{margin-top:18px}.loader-card p{margin-top:8px;color:#536b72}.spinner{width:68px;height:68px;border:8px solid #d6dee1;border-top-color:#2368b2;border-radius:50%;animation:spin .8s linear infinite}.wave-card{display:grid;align-content:center;gap:18px;min-height:276px;padding:28px}.wave-card span,.skeleton-dashboard span{display:block;height:22px;overflow:hidden;border-radius:999px;background:#e2e9ed}.wave-card span:after,.skeleton-dashboard span:after{display:block;width:36%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#ffffff,transparent);content:"";animation:shimmer 1.2s ease-in-out infinite}.ticker{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:16px;color:#172026}.auth-layout{align-items:stretch;gap:16px}.auth-sidebar{display:grid;align-content:start;width:250px;gap:10px;padding:20px;border:1px solid #adc5d8;border-radius:8px;background:#eaf3fb}.auth-sidebar strong{color:#1f5c98}.auth-layout .dashboard{flex:1}.tall-report{display:grid;gap:14px}.tall-row{min-height:150px;padding:22px;border:1px solid #d2dde3;border-radius:8px;background:#fff}.tall-row:nth-child(4n+1){border-left:8px solid #16865b}.tall-row:nth-child(4n+2){border-left:8px solid #2368b2}.tall-row:nth-child(4n+3){border-left:8px solid #dc8a2f}.tall-row:nth-child(4n){border-left:8px solid #d14b3a}.tall-row h2{margin-top:8px;font-size:1.2rem}.tall-row strong{font-size:2rem}.slow-panel{justify-content:flex-start;gap:14px;margin-bottom:16px;padding:18px}.slow-panel p{margin-top:5px;color:#536b72}.ready-light{width:18px;height:18px;border-radius:999px;background:#dc8a2f;box-shadow:0 0 0 6px #dc8a2f29}.ready-light.is-ready{background:#16865b;box-shadow:0 0 0 6px #16865b29}.skeleton-dashboard{display:grid;gap:18px;padding:22px}.skeleton-dashboard span:nth-child(1){width:42%}.skeleton-dashboard span:nth-child(2){width:88%}.skeleton-dashboard span:nth-child(3){width:74%}.skeleton-dashboard span:nth-child(4){width:64%}.component-stage{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.billing-card{width:360px;min-height:330px;padding:22px}.billing-card header strong{padding:5px 9px;border-radius:999px;color:#fff;background:#16865b;font-size:.78rem}.billing-card.secondary header strong{background:#dc8a2f}.price-row{justify-content:flex-start;gap:10px;margin:42px 0 26px}.price-row span{color:#172026;font-size:2.4rem;font-weight:800}.usage-meter{height:16px;overflow:hidden;border-radius:999px;background:#e2e9ed}.usage-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16865b,#2368b2)}.billing-card button{width:100%;height:42px;margin-top:28px;border:0;border-radius:7px;color:#fff;background:#172026;font-weight:800}.billing-card.secondary p{margin-top:54px;color:#536b72}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:820px){.fixture-shell{padding:12px}.fixture-nav,.page-heading,.dynamic-band,.auth-layout{align-items:stretch;flex-direction:column}.page-heading>span{max-width:none;text-align:left}.dashboard,.chart-and-table,.animation-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-template-columns:1fr}.auth-sidebar,.billing-card{width:100%}}