:root{--ux-bg: #f6f7fb;--ux-surface: #ffffff;--ux-border: #eaecf0;--ux-border-strong: #d0d5dd;--ux-text: #101828;--ux-text-secondary: #475467;--ux-text-muted: #667085;--ux-text-faint: #98a2b3;--ux-ok-bg: #ecfdf3;--ux-ok-fg: #067647;--ux-ok-bd: #abefc6;--ux-ok-dot: #12b76a;--ux-info-bg: #f0f9ff;--ux-info-fg: #026aa2;--ux-info-bd: #b9e6fe;--ux-info-dot: #2e90fa;--ux-attention-bg: #fffaeb;--ux-attention-fg: #b54708;--ux-attention-bd: #fedf89;--ux-attention-dot: #f79009;--ux-danger-bg: #fff1f3;--ux-danger-fg: #b42318;--ux-danger-bd: #fecdca;--ux-danger-dot: #f04438;--ux-neutral-bg: #f2f4f7;--ux-neutral-fg: #344054;--ux-neutral-bd: #d0d5dd;--ux-neutral-dot: #98a2b3;--ux-primary: #026aa2;--ux-primary-hover: #0086c9;--ux-radius-card: 22px;--ux-radius-panel: 16px;--ux-radius-chip: 999px;--ux-shadow-card: 0 1px 3px rgba(16, 24, 40, .08)}.ux-page{display:grid;gap:16px;max-width:1400px;margin:0 auto}.ux-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ux-page-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--ux-primary)}.ux-page-title{margin:6px 0;font-size:30px;font-weight:700;color:var(--ux-text);line-height:1.15}.ux-page-subtitle{margin:0;color:var(--ux-text-muted);font-size:15px;line-height:1.55;max-width:720px}.ux-page-context{margin-top:8px;font-size:13px;color:var(--ux-text-secondary)}.ux-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ux-card{background:var(--ux-surface);border:1px solid var(--ux-border);border-radius:var(--ux-radius-card);padding:20px;box-shadow:var(--ux-shadow-card)}.ux-card--compact{padding:14px;border-radius:var(--ux-radius-panel)}.ux-section-title{margin:0 0 12px;font-size:19px;font-weight:700;color:var(--ux-text)}.ux-section-subtitle{margin:-6px 0 12px;font-size:13px;color:var(--ux-text-muted)}.ux-kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ux-kpi{background:var(--ux-surface);border:1px solid var(--ux-border);border-radius:var(--ux-radius-card);padding:18px 20px;box-shadow:var(--ux-shadow-card);text-decoration:none;color:inherit;display:block}a.ux-kpi:hover,a.ux-kpi:focus-visible{border-color:var(--ux-primary);box-shadow:0 4px 14px #026aa224}.ux-kpi-label{font-size:14px;color:var(--ux-text-secondary);display:flex;align-items:center;gap:8px}.ux-kpi-value{display:block;margin-top:8px;font-size:44px;font-weight:700;line-height:1.05;color:var(--ux-text)}.ux-kpi-hint{margin-top:8px;font-size:13px;color:var(--ux-text-muted)}.ux-kpi--ok .ux-kpi-hint{color:var(--ux-ok-fg)}.ux-kpi--danger .ux-kpi-hint{color:var(--ux-danger-fg)}.ux-kpi--attention .ux-kpi-hint{color:var(--ux-attention-fg)}.ux-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--ux-radius-chip);padding:3px 10px;font-size:12px;font-weight:700;border:1px solid transparent;white-space:nowrap}.ux-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.ux-badge--ok{background:var(--ux-ok-bg);color:var(--ux-ok-fg);border-color:var(--ux-ok-bd)}.ux-badge--info{background:var(--ux-info-bg);color:var(--ux-info-fg);border-color:var(--ux-info-bd)}.ux-badge--attention{background:var(--ux-attention-bg);color:var(--ux-attention-fg);border-color:var(--ux-attention-bd)}.ux-badge--danger{background:var(--ux-danger-bg);color:var(--ux-danger-fg);border-color:var(--ux-danger-bd)}.ux-badge--neutral{background:var(--ux-neutral-bg);color:var(--ux-neutral-fg);border-color:var(--ux-neutral-bd)}.ux-action-list{display:grid;gap:10px}.ux-action-row{display:flex;align-items:center;gap:12px;border-radius:14px;padding:14px 16px;text-decoration:none;font-size:15px;font-weight:600;border:1px solid transparent;color:var(--ux-text)}a.ux-action-row:hover,a.ux-action-row:focus-visible{filter:brightness(.97)}.ux-action-row--danger{background:var(--ux-danger-bg);color:var(--ux-danger-fg);border-color:var(--ux-danger-bd)}.ux-action-row--attention{background:var(--ux-attention-bg);color:var(--ux-attention-fg);border-color:var(--ux-attention-bd)}.ux-action-row--info{background:var(--ux-info-bg);color:var(--ux-info-fg);border-color:var(--ux-info-bd)}.ux-action-row--ok{background:var(--ux-ok-bg);color:var(--ux-ok-fg);border-color:var(--ux-ok-bd)}.ux-action-row--neutral{background:var(--ux-neutral-bg);color:var(--ux-neutral-fg);border-color:var(--ux-neutral-bd)}.ux-action-row-title{flex:1;min-width:0}.ux-action-row-chevron{font-weight:400;opacity:.6}.ux-bar-row{display:grid;grid-template-columns:minmax(110px,200px) 1fr minmax(48px,auto);align-items:center;gap:12px;font-size:15px;color:var(--ux-text);padding:10px 0}.ux-bar-track{height:16px;border-radius:8px;background:var(--ux-border);overflow:hidden}.ux-bar-fill{height:100%;border-radius:8px}.ux-bar-fill--ok{background:var(--ux-ok-dot)}.ux-bar-fill--attention{background:var(--ux-attention-dot)}.ux-bar-fill--info{background:var(--ux-info-dot)}.ux-bar-fill--danger{background:var(--ux-danger-dot)}.ux-bar-value{font-weight:700;text-align:right;color:var(--ux-text-secondary)}.ux-timeline{display:grid;gap:0;position:relative}.ux-timeline-item{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:12px 0}.ux-timeline-rail{display:flex;flex-direction:column;align-items:center}.ux-timeline-dot{width:11px;height:11px;border-radius:50%;margin-top:5px;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px var(--ux-border)}.ux-timeline-dot--ok{background:var(--ux-ok-dot)}.ux-timeline-dot--info{background:var(--ux-info-dot)}.ux-timeline-dot--attention{background:var(--ux-attention-dot)}.ux-timeline-dot--danger{background:var(--ux-danger-dot)}.ux-timeline-dot--neutral{background:var(--ux-neutral-dot)}.ux-timeline-line{flex:1;width:2px;background:var(--ux-border);margin-top:4px}.ux-timeline-item:last-child .ux-timeline-line{display:none}.ux-timeline-body{min-width:0}.ux-timeline-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.ux-timeline-title{font-size:15px;font-weight:700;color:var(--ux-text)}.ux-timeline-time{font-size:12px;color:var(--ux-text-faint);white-space:nowrap}.ux-timeline-summary{margin-top:4px;font-size:13px;color:var(--ux-text-secondary);line-height:1.5}.ux-timeline-meta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ux-timeline-detail{margin-top:8px}.ux-timeline-detail summary{font-size:12px;color:var(--ux-primary);cursor:pointer;font-weight:600}.ux-timeline-detail-body{margin-top:8px;padding:10px 12px;background:var(--ux-neutral-bg);border-radius:10px;font-size:12px;color:var(--ux-text-secondary);display:grid;gap:4px;overflow-wrap:anywhere}.ux-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ux-border-strong);border-radius:var(--ux-radius-chip);padding:3px 10px;font-size:12px;color:var(--ux-text-secondary);background:#fff}.ux-detail-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ux-detail-cell{border:1px solid var(--ux-border);border-radius:12px;padding:10px 12px;background:#fff}.ux-detail-cell-label{font-size:12px;color:var(--ux-text-muted)}.ux-detail-cell-value{margin-top:4px;font-size:20px;font-weight:700;color:var(--ux-text)}.ux-state{border:1px solid var(--ux-border);border-radius:var(--ux-radius-card);background:var(--ux-surface);padding:36px 24px;text-align:center}.ux-state-icon{font-size:30px}.ux-state-title{margin:10px 0 6px;font-size:18px;font-weight:700;color:var(--ux-text)}.ux-state-body{margin:0 auto 14px;font-size:14px;color:var(--ux-text-muted);max-width:460px;line-height:1.55}.ux-state--error{border-color:var(--ux-danger-bd);background:var(--ux-danger-bg)}.ux-state--error .ux-state-title{color:var(--ux-danger-fg)}.ux-state--denied{border-color:var(--ux-attention-bd);background:var(--ux-attention-bg)}.ux-state--denied .ux-state-title{color:var(--ux-attention-fg)}.ux-state--good{border-color:var(--ux-ok-bd);background:var(--ux-ok-bg)}.ux-skeleton{position:relative;overflow:hidden;background:var(--ux-border);border-radius:10px;min-height:16px}.ux-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ux-shimmer 1.4s infinite}@keyframes ux-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ux-skel-stack{display:grid;gap:12px}.ux-skel-card{border:1px solid var(--ux-border);border-radius:var(--ux-radius-card);padding:20px;display:grid;gap:10px;background:#fff}.ux-btn{display:inline-flex;align-items:center;gap:7px;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;border:1px solid var(--ux-border-strong);background:#fff;color:var(--ux-text);cursor:pointer;text-decoration:none}.ux-btn:hover{border-color:var(--ux-primary);color:var(--ux-primary)}.ux-btn:focus-visible,.ux-kpi:focus-visible,.ux-action-row:focus-visible{outline:3px solid rgba(2,106,162,.35);outline-offset:1px}.ux-btn--primary{background:var(--ux-primary);border-color:var(--ux-primary);color:#fff}.ux-btn--primary:hover{background:var(--ux-primary-hover);color:#fff}.ux-btn:disabled{opacity:.55;cursor:not-allowed}.ux-segmented{display:inline-flex;border:1px solid var(--ux-border-strong);border-radius:12px;overflow:hidden;background:#fff}.ux-segmented button{border:0;background:transparent;padding:8px 14px;font-size:13px;font-weight:600;color:var(--ux-text-secondary);cursor:pointer}.ux-segmented button[aria-pressed=true]{background:var(--ux-primary);color:#fff}.ux-entity-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ux-entity-card{border:1px solid var(--ux-border);border-radius:var(--ux-radius-panel);padding:16px;background:#fff;display:grid;gap:10px;box-shadow:var(--ux-shadow-card)}a.ux-entity-card,button.ux-entity-card{text-decoration:none;color:inherit;text-align:left;cursor:pointer}a.ux-entity-card:hover,button.ux-entity-card:hover{border-color:var(--ux-primary)}.ux-entity-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ux-entity-card-title{font-size:16px;font-weight:700;color:var(--ux-text)}.ux-entity-card-sub{font-size:12px;color:var(--ux-text-muted);margin-top:2px}.ux-entity-card-meta{display:grid;gap:4px;font-size:13px;color:var(--ux-text-secondary)}.ux-entity-card-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media (max-width: 720px){.ux-page-title{font-size:24px}.ux-kpi-value{font-size:34px}.ux-bar-row{grid-template-columns:1fr;gap:6px;padding:12px 0}.ux-bar-value{text-align:left}.ux-page-header{flex-direction:column}}