@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");:root{--cc-bg:#F5F3EE;--cc-surface:#FFFFFF;--cc-surface-2:#EDE9E1;--cc-border:#DDD8CC;--cc-text:#1A1A18;--cc-text-2:#6B6B66;--cc-accent:#4A9E97;--cc-positive:#3E9F6E;--cc-warning:#C98B2A;--cc-danger:#C0504A;--cc-r:12px;--cc-sidebar-w:220px;--cc-title-font:"Plus Jakarta Sans",system-ui,sans-serif;--cc-body-font:"Inter",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--cc-bg);color:var(--cc-text);font-family:var(--cc-body-font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.cc-action-card,.cc-card,.cc-kpi-card,.cc-mono-box,.cc-panel,.cc-panel-block,.cc-phase1-queue-panel,.cc-phase1-risk-panel,.cc-stat-card,.cc-table-shell{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:20px}.cc-panel-title{font-family:var(--cc-title-font);font-size:15px;font-weight:600;margin:0 0 12px;color:var(--cc-text)}.cc-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cc-text-2);margin:0 0 12px}.cc-shell{display:grid;grid-template-columns:var(--cc-sidebar-w) 1fr;min-height:100vh}.cc-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(26,26,24,.32);border:0;z-index:40}.cc-sidebar{background:var(--cc-surface);border-right:1px solid var(--cc-border);display:flex;flex-direction:column;padding:20px 14px;gap:18px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.cc-brand{padding:4px 6px 8px}.cc-brand-row{display:flex;align-items:center;gap:10px}.cc-brand-icon{width:32px;height:32px;border-radius:8px;background:rgba(74,158,151,.12);color:var(--cc-accent);display:grid;place-items:center}.cc-brand-icon .material-symbols-outlined{font-size:20px}.cc-brand-title{font-family:var(--cc-title-font);font-size:15px;font-weight:700;margin:0;color:var(--cc-text)}.cc-brand-subtitle{font-size:11px;color:var(--cc-text-2);margin:2px 0 0}.cc-nav{display:flex;flex-direction:column;gap:16px;flex:1 1}.cc-nav-section{display:flex;flex-direction:column;gap:2px}.cc-nav-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-text-2);margin:0 0 6px;padding:0 8px}.cc-nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--cc-text-2);font-size:13px;font-weight:500;transition:background .15s ease,color .15s ease}.cc-nav-link:hover{color:var(--cc-text);background:var(--cc-surface-2)}.cc-nav-link.active{color:var(--cc-accent);background:rgba(74,158,151,.1);font-weight:600}.cc-nav-icon,.cc-nav-icon.material-symbols-outlined{font-size:18px}.cc-sidebar-footer{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--cc-border)}.cc-logout{margin-top:8px}.cc-logout-button{width:100%;background:transparent;border:1px solid var(--cc-border);color:var(--cc-text-2);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.cc-logout-button:hover{background:var(--cc-surface-2);color:var(--cc-text)}.cc-main{background:var(--cc-bg);min-height:100vh;display:flex;flex-direction:column}.cc-topbar{background:var(--cc-surface);border-bottom:1px solid var(--cc-border);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;min-height:48px}.cc-topbar.is-empty{min-height:0;padding:0;border-bottom:0;background:transparent}.cc-topbar-left{display:flex;align-items:center;gap:10px}.cc-topbar-context{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cc-text-2)}.cc-mobile-menu{display:none;background:transparent;border:1px solid var(--cc-border);border-radius:8px;padding:6px 8px;color:var(--cc-text);cursor:pointer}.cc-mobile-menu .material-symbols-outlined{font-size:18px}.cc-header{padding:28px 24px 8px}.cc-title{font-family:var(--cc-title-font);font-size:24px;font-weight:700;margin:0;color:var(--cc-text);letter-spacing:-.01em}.cc-subtitle{font-size:13.5px;color:var(--cc-text-2);margin:6px 0 0;max-width:720px}.cc-content{max-width:1080px;width:100%;padding:16px 24px 48px;display:flex;flex-direction:column;gap:20px}.cc-kpi-strip,.cc-phase1-hero-grid,.cc-phase1-hero-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.cc-phase1-hero-item,.cc-sub-kpi{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:20px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s ease}.cc-phase1-hero-item:hover{box-shadow:0 2px 12px rgba(26,26,24,.06)}.cc-phase1-hero-item.is-warn{background:#FBF6EC;border-color:#EBDFC2}.cc-phase1-hero-item.is-danger{background:#FBF1EF;border-color:#E8C9C5}.cc-phase1-hero-item.is-ok{background:var(--cc-surface)}.cc-phase1-hero-item.is-warn .cc-phase1-hero-value{color:var(--cc-warning)}.cc-phase1-hero-item.is-danger .cc-phase1-hero-value{color:var(--cc-danger)}.cc-phase1-hero-item.is-ok .cc-phase1-hero-value{color:var(--cc-text)}.cc-phase1-hero-label,.cc-sub-kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cc-text-2)}.cc-phase1-hero-value,.cc-sub-kpi-value{font-family:var(--cc-title-font);font-size:22px;font-weight:700;color:var(--cc-text);letter-spacing:-.01em}.cc-phase1-hero-meta,.cc-sub-kpi-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--cc-text-2);margin:0;line-height:1.45}.cc-sub-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}table{width:100%;border-collapse:collapse}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cc-text-2);padding:8px 12px;border-bottom:2px solid var(--cc-border);background:var(--cc-surface-2);text-align:left}td{padding:10px 12px;border-bottom:1px solid var(--cc-border);font-size:13.5px;color:var(--cc-text)}tbody tr:hover{background:#FAFAF8}tbody tr:last-child td{border-bottom:0}.cc-table-shell{padding:0;overflow:hidden}.cc-table-shell table{border:0}.cc-chip{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--cc-surface-2);color:var(--cc-text-2);border:1px solid var(--cc-border)}.cc-chip.is-good,.cc-chip.is-ok{background:rgba(62,159,110,.12);color:#2D7A52;border-color:rgba(62,159,110,.22)}.cc-chip.is-warn{background:rgba(201,139,42,.12);color:#A36B1A;border-color:rgba(201,139,42,.22)}.cc-chip.is-danger{background:rgba(192,80,74,.12);color:#A03030;border-color:rgba(192,80,74,.22)}.cc-kpi-burn-bar,.cc-progress-track{height:4px;border-radius:2px;background:var(--cc-surface-2);overflow:hidden;margin-top:6px;width:100%}.cc-progress-fill{height:100%;border-radius:2px;background:var(--cc-accent);transition:width .3s ease}.cc-progress-fill.is-warn{background:var(--cc-warning)}.cc-progress-fill.is-danger{background:var(--cc-danger)}.cc-progress-fill.is-good{background:var(--cc-positive)}.cc-usage-cell{gap:4px;min-width:120px}.cc-hero-dashboard,.cc-usage-cell{display:flex;flex-direction:column}.cc-hero-dashboard{gap:16px}.cc-integrity-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:10px 16px;font-size:12px;color:var(--cc-text-2)}.cc-phase1-focus-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.cc-phase1-queue-panel,.cc-phase1-risk-panel{display:flex;flex-direction:column;gap:12px}.cc-phase1-queue-head,.cc-phase1-risk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cc-phase1-queue-head h3,.cc-phase1-risk-head h3{display:flex;align-items:center;gap:8px;font-family:var(--cc-title-font);font-size:15px;font-weight:600;margin:0;color:var(--cc-text)}.cc-phase1-queue-head h3 .material-symbols-outlined,.cc-phase1-risk-head h3 .material-symbols-outlined{font-size:17px;color:var(--cc-accent)}.cc-phase1-queue-head p,.cc-phase1-risk-head p{font-size:12px;color:var(--cc-text-2);margin:4px 0 0}.cc-phase1-risk-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--cc-text-2);text-transform:uppercase;letter-spacing:.04em}.cc-forecast-grid{display:flex;flex-direction:column;gap:10px}.cc-forecast-table{width:100%;border-collapse:collapse;font-size:13px}.cc-forecast-table th{font-size:10px;padding:7px 10px}.cc-forecast-table td{padding:9px 10px;border-top:1px solid var(--cc-border);border-bottom:0}.cc-forecast-table tbody tr:first-child td{border-top:0}.cc-forecast-table a{color:var(--cc-accent);font-weight:500}.cc-forecast-table a:hover{text-decoration:underline}.cc-forecast-bar{height:4px;border-radius:2px;background:var(--cc-surface-2);overflow:hidden}.cc-forecast-bar>span{display:block;height:100%;background:var(--cc-accent);border-radius:2px}.cc-phase1-incident-list{display:flex;flex-direction:column;gap:8px}.cc-phase1-incident-card{background:var(--cc-surface);border-left:1px solid var(--cc-border);border:1px solid var(--cc-border);border-left-width:3px;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:5px;transition:background .14s ease}.cc-phase1-incident-card:hover{background:#FAFAF8}.cc-phase1-incident-card.is-danger{border-left-color:var(--cc-danger)}.cc-phase1-incident-card.is-warn{border-left-color:var(--cc-warning)}.cc-phase1-incident-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-phase1-incident-title{font-size:13px;font-weight:600;color:var(--cc-text)}.cc-phase1-incident-meta{font-size:12px;color:var(--cc-text-2)}.cc-phase1-incident-time{font-size:11px;color:var(--cc-text-2)}.cc-phase1-queue-empty{font-size:12.5px;color:var(--cc-text-2);text-align:center;padding:18px 0}.cc-live-bar{justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px!important}.cc-live-bar,.cc-live-meta{display:flex;align-items:center}.cc-live-meta{gap:8px;font-size:13px;color:var(--cc-text-2)}.cc-live-meta strong{color:var(--cc-text);font-weight:600}.cc-live-meta .material-symbols-outlined{font-size:16px;color:var(--cc-accent)}.cc-live-actions{display:flex;align-items:center;gap:8px}.cc-live-actions button{padding:5px 12px;border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-surface);color:var(--cc-text-2);font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.cc-live-actions button:hover{background:var(--cc-surface-2);color:var(--cc-text)}.cc-live-ghost{color:var(--cc-text-2)!important}.cc-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.cc-filterbar-form{background:none;border:none;border-radius:0;padding:0}.cc-field{display:flex;flex-direction:column;gap:4px;min-width:140px}.cc-field span{font-size:11.5px;font-weight:600;color:var(--cc-text-2);text-transform:uppercase;letter-spacing:.04em}.cc-field input,.cc-field select{width:100%}.cc-field-grow{flex:1 1;min-width:200px}.cc-filter-size{min-width:100px;max-width:110px}.cc-filter-actions{display:flex;align-items:center;gap:8px;padding-bottom:1px}.cc-filter-reset{font-size:12.5px;font-weight:600;color:var(--cc-text-2);padding:9px 12px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface);transition:background .14s ease,color .14s ease;white-space:nowrap}.cc-filter-reset:hover{background:var(--cc-surface-2);color:var(--cc-text)}.cc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.cc-card-grid .cc-action-card{display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:box-shadow .14s ease,border-color .14s ease}.cc-card-grid .cc-action-card:hover{border-color:var(--cc-accent);box-shadow:0 2px 10px rgba(74,158,151,.1)}.cc-card-grid .cc-action-card strong{font-size:13.5px;color:var(--cc-text)}.cc-card-grid .cc-action-card p{font-size:12px;color:var(--cc-text-2);margin:0}.cc-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--cc-text-2);padding-top:12px;border-top:1px solid var(--cc-border)}.cc-pagination div{display:flex;gap:8px}.cc-pagination a{padding:5px 12px;border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-surface);color:var(--cc-text);font-size:12.5px;font-weight:600;transition:background .14s ease}.cc-pagination a:hover,.cc-pagination span{background:var(--cc-surface-2)}.cc-pagination span{padding:5px 12px;border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text-2);font-size:12.5px}.cc-form-grid{display:flex;flex-direction:column;gap:16px}.cc-form-row{display:flex;align-items:center;gap:10px}.cc-form-row input{flex:1 1}.cc-empty{text-align:center;padding:28px 0;font-size:13px;color:var(--cc-text-2)}.cc-sub-note{font-size:12px;margin:0 0 12px}tbody tr.is-selected{background:rgba(74,158,151,.06)!important}.cc-toolbar-link{font-size:12px;font-weight:600;color:var(--cc-accent);text-decoration:none;border:1px solid var(--cc-border);border-radius:8px;padding:6px 10px;background:var(--cc-surface);transition:background .15s ease}.cc-toolbar-link:hover{background:var(--cc-surface-2)}.cc-action-card{display:flex;flex-direction:column;gap:8px}.cc-note{font-size:12.5px;color:var(--cc-text-2);line-height:1.55}.cc-mono-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--cc-surface-2);white-space:pre-wrap;word-break:break-word}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{width:100%;padding:9px 12px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface);color:var(--cc-text);font-family:var(--cc-body-font);font-size:14px;line-height:1.5;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:var(--cc-accent);box-shadow:0 0 0 3px rgba(74,158,151,.12)}input::placeholder,textarea::placeholder{color:var(--cc-text-2);opacity:.7}label{display:block;font-size:12.5px;font-weight:600;color:var(--cc-text-2);margin-bottom:5px}.cc-btn-primary,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;background:var(--cc-accent);color:#fff;border:none;border-radius:8px;font-family:var(--cc-body-font);font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease,transform 80ms ease}.cc-btn-primary:hover,button[type=submit]:hover{filter:brightness(1.08)}.cc-btn-primary:active,button[type=submit]:active{transform:scale(.98)}.cc-login{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--cc-bg)}.cc-login-card{width:100%;max-width:400px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:16px;padding:36px 32px;box-shadow:0 2px 16px rgba(26,26,24,.06)}.cc-login-brand{text-align:center;margin-bottom:8px}.cc-login-brand-icon{width:48px;height:48px;border-radius:12px;background:rgba(74,158,151,.12);color:var(--cc-accent);display:grid;place-items:center;margin:0 auto 16px}.cc-login-brand-icon .material-symbols-outlined{font-size:28px}.cc-login-title{font-size:22px;margin:0 0 6px}.cc-login-h1,.cc-login-title{font-family:var(--cc-title-font);font-weight:700;color:var(--cc-text)}.cc-login-h1{font-size:17px;margin:0 0 4px}.cc-login-muted{font-size:13px;color:var(--cc-text-2);margin:0 0 20px;line-height:1.55}.cc-login-form{display:flex;flex-direction:column;gap:14px}.cc-login-form button[type=submit]{width:100%;margin-top:4px;padding:11px;font-size:15px}.cc-table-project{display:flex;flex-direction:column;gap:2px;line-height:1.3}.cc-table-project strong{font-weight:600}.cc-table-project span{font-size:11px;color:var(--cc-text-2)}.cc-status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cc-status-pill.is-good{background:rgba(62,159,110,.12);color:#2D7A52}.cc-status-pill.is-warn{background:rgba(201,139,42,.12);color:#A36B1A}.cc-status-pill.is-danger{background:rgba(192,80,74,.12);color:#A03030}.cc-status-pill.is-ok{background:rgba(62,159,110,.12);color:#2D7A52}tbody tr.is-down{background:rgba(192,80,74,.04)}tbody tr.is-degraded{background:rgba(201,139,42,.04)}tbody tr.is-down:hover{background:rgba(192,80,74,.08)!important}tbody tr.is-degraded:hover{background:rgba(201,139,42,.08)!important}.cc-field-compact{width:88px!important;padding:5px 8px!important;font-size:12px!important;border-radius:6px!important}.cc-inline-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--cc-text-2);cursor:pointer;white-space:nowrap}.cc-inline-check input[type=checkbox]{width:auto;margin:0;accent-color:var(--cc-accent)}td button[type=submit]{padding:5px 12px;font-size:12px;border-radius:6px;white-space:nowrap}.cc-sub-note{font-size:11.5px;color:var(--cc-text-2);margin:2px 0 0;line-height:1.4}.cc-trend{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600}.cc-trend.up{color:var(--cc-danger)}.cc-trend.down{color:var(--cc-positive)}.cc-trend.flat{color:var(--cc-text-2)}.cc-trend .material-symbols-outlined{font-size:14px}.cc-page-stack{display:flex;flex-direction:column;gap:20px}.cc-live-refresh{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cc-text-2);padding:8px 0 4px}.cc-live-dot{width:7px;height:7px;border-radius:50%;background:var(--cc-positive);animation:ccPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes ccFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ccFadeUp{animation:ccFadeUp .32s ease both}.cc-phase1-hero-grid .cc-phase1-hero-item:first-child{animation:ccFadeUp .32s ease 0s both}.cc-phase1-hero-grid .cc-phase1-hero-item:nth-child(2){animation:ccFadeUp .32s ease 60ms both}.cc-phase1-hero-grid .cc-phase1-hero-item:nth-child(3){animation:ccFadeUp .32s ease .12s both}.cc-phase1-hero-grid .cc-phase1-hero-item:nth-child(4){animation:ccFadeUp .32s ease .18s both}@keyframes ccPulse{0%,to{opacity:1}50%{opacity:.4}}.is-live{animation:ccPulse 1.8s ease-in-out infinite}@keyframes ccBarGrow{0%{width:0!important}}.cc-forecast-bar>span,.cc-progress-fill{animation:ccBarGrow .6s cubic-bezier(.4,0,.2,1) both}.cc-kpi-burn-bar>span{display:block;height:100%;border-radius:2px;animation:ccBarGrow .7s cubic-bezier(.4,0,.2,1) both;transition:background .3s ease}.cc-kpi-burn-bar.is-ok>span{background:var(--cc-accent)}.cc-kpi-burn-bar.is-warn>span{background:var(--cc-warning)}.cc-kpi-burn-bar.is-danger>span{background:var(--cc-danger)}@media (max-width:1024px){.cc-kpi-strip,.cc-phase1-hero-grid,.cc-phase1-hero-strip{grid-template-columns:repeat(2,1fr)}.cc-phase1-focus-grid{grid-template-columns:1fr}}@media (max-width:768px){.cc-shell{grid-template-columns:1fr}.cc-sidebar{position:fixed;inset:0 auto 0 0;width:260px;z-index:50;transform:translateX(-100%);transition:transform .2s ease}.cc-sidebar.is-open{transform:none}.cc-sidebar-overlay{display:block}.cc-mobile-menu{display:inline-flex}.cc-content{padding:12px 16px 32px}.cc-header{padding:20px 16px 4px}.cc-topbar{padding:8px 16px}}@media (max-width:560px){.cc-kpi-strip,.cc-phase1-hero-grid,.cc-phase1-hero-strip{grid-template-columns:1fr}}.cc-avail-cell{display:flex;align-items:center;gap:8px}.cc-avail-bar-wrap{width:80px;height:6px;background:var(--cc-surface-2);border-radius:3px;display:inline-block;flex-shrink:0}.cc-avail-bar{height:100%;border-radius:3px;background:var(--cc-positive)}.cc-avail-bar.is-warn{background:var(--cc-warning)}.cc-avail-bar.is-down,.cc-nav-badge{background:var(--cc-danger)}.cc-nav-badge{margin-left:auto;color:white;font-size:10px;font-weight:600;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:16px}.cc-pace-pill{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cc-pace-pill.is-over{color:var(--cc-danger);background:rgba(192,80,74,.1);border:1px solid rgba(192,80,74,.2)}.cc-pace-pill.is-on{color:var(--cc-positive);background:rgba(62,159,110,.1);border:1px solid rgba(62,159,110,.2)}.cc-pace-pill.is-under{color:var(--cc-text-2);background:var(--cc-surface-2);border:1px solid var(--cc-border)}.cc-sparkline{display:block;flex-shrink:0;opacity:.85}.cc-alert-trend{display:inline-flex;align-items:center;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;letter-spacing:.03em}.cc-alert-trend.is-danger{color:var(--cc-danger);background:rgba(192,80,74,.08)}.cc-alert-trend.is-positive{color:var(--cc-positive);background:rgba(62,159,110,.08)}.cc-alert-trend.is-muted,.cc-today-banner{color:var(--cc-text-2);background:var(--cc-surface-2)}.cc-today-banner{display:flex;align-items:center;flex-wrap:wrap;gap:6px 4px;width:100%;border-bottom:1px solid var(--cc-border);border-radius:var(--cc-r);padding:8px 14px;font-size:12px;line-height:1.4}.cc-today-banner-item{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--cc-text)}.cc-today-banner-item .material-symbols-outlined{font-size:14px;color:var(--cc-accent)}.cc-today-banner-link{text-decoration:none;border-radius:4px;transition:color .12s ease}.cc-today-banner-link:hover{color:var(--cc-accent)}.cc-today-banner-sep{color:var(--cc-border);font-size:14px;padding:0 2px}.cc-cost-breakdown{display:flex;flex-direction:column;gap:0}.cc-cost-breakdown-row{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--cc-border)}.cc-cost-breakdown-row:last-child{border-bottom:0}.cc-cost-bar-wrap{flex:1 1;height:8px;background:var(--cc-surface-2);border-radius:4px;overflow:hidden}.cc-cost-bar{height:100%;border-radius:4px;background:var(--cc-accent);animation:ccBarGrow .6s cubic-bezier(.4,0,.2,1) both}.cc-cost-label{font-size:13px;min-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cc-text);font-weight:500}.cc-cost-amount{font-size:13px;min-width:60px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-cost-amount,.cc-cost-pct{color:var(--cc-text-2);text-align:right}.cc-cost-pct{font-size:12px;min-width:42px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-timeline-wrap{padding:8px 0 4px}.cc-timeline-bar{display:flex;gap:2px}.cc-timeline-seg{width:8px;height:16px;border-radius:2px;flex-shrink:0}.cc-timeline-seg.is-ok{background:var(--cc-positive);opacity:.7}.cc-timeline-seg.is-warn{background:var(--cc-warning)}.cc-timeline-seg.is-down{background:var(--cc-danger)}.cc-timeline-seg.is-unknown{background:var(--cc-surface-2)}.cc-timeline-label{font-size:11px;color:var(--cc-text-2);margin-top:4px}.cc-provider-chart{display:flex;flex-direction:column;gap:10px}.cc-provider-row{display:flex;align-items:center;gap:12px}.cc-provider-name{font-size:13px;font-weight:500;min-width:120px}.cc-provider-bar-wrap{flex:1 1;height:10px;background:var(--cc-surface-2);border-radius:5px}.cc-provider-bar{height:100%;border-radius:5px;background:var(--cc-accent)}.cc-provider-cost{font-size:13px;color:var(--cc-text-2);min-width:80px;text-align:right}.cc-matrix-table{width:100%;border-collapse:collapse;font-size:13px}.cc-matrix-th{padding:6px 12px;text-align:left;font-weight:600;color:var(--cc-text-2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cc-matrix-td,.cc-matrix-th{border-bottom:1px solid var(--cc-border)}.cc-matrix-td{padding:8px 12px;vertical-align:middle}.cc-matrix-td-empty{color:var(--cc-text-2)}.cc-matrix-cell-heat{border-radius:4px;padding:3px 8px;display:inline-block;font-size:12px;white-space:nowrap}.cc-alert-row{cursor:pointer;transition:background .15s}.cc-alert-expand,.cc-alert-row.is-expanded,.cc-alert-row:hover{background:var(--cc-surface-2)}.cc-alert-expand{border-bottom:2px solid var(--cc-border)}.cc-alert-detail{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.cc-alert-detail-item{display:flex;flex-direction:column;gap:2px}.cc-alert-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-2);font-weight:600}.cc-alert-detail-value{font-size:13px;color:var(--cc-text)}.cc-alert-chevron{transition:transform .2s;margin-left:auto}.cc-alert-chevron.is-open{transform:rotate(180deg)}.cc-efficiency-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.cc-efficiency-rank{display:inline-flex;align-items:center;gap:4px}.cc-efficiency-best{color:var(--cc-positive);font-weight:600}.cc-efficiency-worst{color:var(--cc-danger)}.cc-ab-grid{display:grid;grid-template-columns:160px 1fr 1fr;grid-gap:0;gap:0;border:1px solid var(--cc-border);border-radius:var(--cc-r);overflow:hidden;font-size:13px}.cc-ab-cell{padding:10px 14px;border-bottom:1px solid var(--cc-border)}.cc-ab-cell:last-child,.cc-ab-cell:nth-last-child(2),.cc-ab-cell:nth-last-child(3){border-bottom:0}.cc-ab-header{font-weight:600;background:var(--cc-surface-2);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.cc-ab-header,.cc-ab-label{color:var(--cc-text-2)}.cc-ab-winner{background:color-mix(in srgb,var(--cc-positive) 8%,var(--cc-surface));font-weight:600}.cc-search-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface-2);font-size:12px;color:var(--cc-text-2);cursor:pointer;margin:8px 12px;width:calc(100% - 24px);transition:border-color .15s}.cc-search-trigger:hover{border-color:var(--cc-accent)}.cc-search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.cc-search-modal{background:var(--cc-surface);border-radius:var(--cc-r);box-shadow:0 20px 60px rgba(0,0,0,.2);width:520px;max-width:calc(100vw - 32px);overflow:hidden}.cc-search-input{width:100%;padding:14px 16px;font-size:15px;border:0;border-bottom:1px solid var(--cc-border);background:transparent;color:var(--cc-text);outline:none}.cc-search-results{max-height:320px;overflow-y:auto}.cc-search-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;font-size:14px;transition:background .1s}.cc-search-item.is-active,.cc-search-item:hover{background:var(--cc-surface-2)}.cc-search-item-type{font-size:11px;color:var(--cc-text-2);margin-left:auto}.cc-search-empty{padding:24px 16px;text-align:center;color:var(--cc-text-2);font-size:13px}.cc-search-footer{padding:8px 16px;border-top:1px solid var(--cc-border);display:flex;gap:16px;font-size:11px;color:var(--cc-text-2)}.cc-err-cell{display:flex;align-items:center;gap:6px}.cc-err-bar-wrap{width:60px;height:6px;background:var(--cc-surface-2);border-radius:3px;flex-shrink:0}.cc-err-bar{height:100%;border-radius:3px;background:var(--cc-positive)}.cc-err-bar.is-warn{background:var(--cc-warning)}.cc-err-bar.is-crit{background:var(--cc-danger)}.cc-heatmap{display:grid;grid-template-columns:32px repeat(24,1fr);grid-gap:2px;gap:2px;font-size:11px}.cc-heatmap-label{display:flex;align-items:center;justify-content:flex-end;padding-right:6px;color:var(--cc-text-2);font-size:11px}.cc-heatmap-hour-label{text-align:center;color:var(--cc-text-2);font-size:10px;padding-bottom:2px}.cc-heatmap-cell{aspect-ratio:1;border-radius:2px;min-height:14px}.cc-mtm-row{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.cc-mtm-item{display:flex;align-items:center;gap:6px;font-size:13px}.cc-mtm-delta{font-weight:600}.cc-mtm-delta.is-up{color:var(--cc-danger)}.cc-mtm-delta.is-down{color:var(--cc-positive)}.cc-mtm-delta.is-flat{color:var(--cc-text-2)}.cc-svc-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cc-svc-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--cc-border);background:var(--cc-surface);cursor:pointer;transition:background .15s,border-color .15s}.cc-svc-btn .material-symbols-outlined{font-size:16px}.cc-svc-btn:disabled{opacity:.4;cursor:default}.cc-svc-btn.is-start{color:var(--cc-positive)}.cc-svc-btn.is-start:hover:not(:disabled){background:color-mix(in srgb,var(--cc-positive) 10%,var(--cc-surface));border-color:var(--cc-positive)}.cc-svc-btn.is-stop{color:var(--cc-danger)}.cc-svc-btn.is-stop:hover:not(:disabled){background:color-mix(in srgb,var(--cc-danger) 10%,var(--cc-surface));border-color:var(--cc-danger)}.cc-svc-btn.is-restart{color:var(--cc-accent)}.cc-svc-btn.is-restart:hover:not(:disabled){background:color-mix(in srgb,var(--cc-accent) 10%,var(--cc-surface));border-color:var(--cc-accent)}.cc-svc-pending{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--cc-text-2)}.cc-svc-feedback{font-size:12px;padding:2px 8px;border-radius:999px}.cc-svc-feedback.is-ok{background:color-mix(in srgb,var(--cc-positive) 12%,var(--cc-surface));color:var(--cc-positive)}.cc-svc-feedback.is-err{background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface));color:var(--cc-danger)}.cc-spin{animation:ccSpin .8s linear infinite;display:inline-block}@keyframes ccSpin{to{transform:rotate(1turn)}}.cc-svc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;justify-content:center;padding:16px}.cc-svc-modal,.cc-svc-overlay{display:flex;align-items:center}.cc-svc-modal{background:var(--cc-surface);border-radius:var(--cc-r);box-shadow:0 20px 60px rgba(0,0,0,.25);width:400px;max-width:100%;padding:28px 28px 24px;flex-direction:column;gap:12px;text-align:center}.cc-svc-modal-icon{width:48px;height:48px;border-radius:50%;background:var(--cc-surface-2);display:flex;align-items:center;justify-content:center}.cc-svc-modal-icon .material-symbols-outlined{font-size:24px;color:var(--cc-text-2)}.cc-svc-modal-title{font-size:16px;font-weight:700;color:var(--cc-text);margin:0}.cc-svc-modal-body{font-size:13px;color:var(--cc-text-2);margin:0;max-width:300px}.cc-svc-modal-actions{display:flex;gap:10px;margin-top:8px}.cc-svc-modal-cancel{padding:8px 18px;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface);font-size:13px;cursor:pointer}.cc-svc-modal-cancel:hover{background:var(--cc-surface-2)}.cc-svc-modal-confirm{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;border:0;font-size:13px;font-weight:600;cursor:pointer}.cc-svc-modal-confirm.is-danger{background:var(--cc-danger);color:#fff}.cc-svc-modal-confirm.is-danger:hover{filter:brightness(1.1)}.cc-svc-modal-confirm.is-primary{background:var(--cc-accent);color:#fff}.cc-svc-modal-confirm.is-primary:hover{filter:brightness(1.1)}.cc-svc-modal-confirm .material-symbols-outlined{font-size:16px}.cc-svc-picker{display:flex;flex-direction:column;gap:0}.cc-svc-picker-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cc-border);gap:16px}.cc-svc-picker-row:last-child{border-bottom:0}.cc-svc-picker-info{display:flex;align-items:center;gap:10px;min-width:0}.cc-svc-picker-icon{font-size:20px;color:var(--cc-text-2);flex-shrink:0}.cc-svc-picker-name{font-size:14px;font-weight:500;color:var(--cc-text)}.cc-code-block{background:var(--cc-surface-2);border:1px solid var(--cc-border);border-radius:8px;padding:12px 16px;font-family:monospace;font-size:13px;margin-top:8px;line-height:1.8}.cc-metric-row{display:flex;align-items:center;gap:12px}.cc-metric-label{font-size:13px;color:var(--cc-text-2);min-width:220px;flex-shrink:0}.cc-metric-val{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;color:var(--cc-text)}.cc-metric-val.is-ok{color:var(--cc-success,#22c55e)}.cc-metric-val.is-warn{color:var(--cc-warning)}.cc-metric-val.is-danger{color:var(--cc-danger)}.cc-load-val.is-ok{color:var(--cc-success,#22c55e)}.cc-load-val.is-warn{color:var(--cc-warning)}.cc-load-val.is-danger{color:var(--cc-danger)}.cc-metric-bar{position:relative;height:8px;background:var(--cc-surface-2);border-radius:4px;overflow:hidden;width:100%;max-width:300px}.cc-metric-bar>span{display:block;height:100%;border-radius:4px;transition:width .3s ease}.cc-metric-bar.is-ok>span{background:var(--cc-accent)}.cc-metric-bar.is-warn>span{background:var(--cc-warning)}.cc-metric-bar.is-danger>span{background:var(--cc-danger)}@media (max-width:640px){.cc-content{padding:10px 12px 28px}.cc-header{padding:16px 12px 2px}.cc-title{font-size:22px}.cc-subtitle{font-size:13px}.cc-page-stack{gap:12px}.cc-panel{padding:14px 12px}.cc-panel-title{font-size:13px}.cc-table-shell{overflow-x:auto;-webkit-overflow-scrolling:touch}.cc-table-shell table{min-width:520px}.cc-sub-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.cc-sub-kpi{padding:12px}.cc-sub-kpi-value{font-size:22px}.cc-filterbar-form{flex-direction:column;gap:8px}.cc-field-grow,.cc-filter-size{min-width:0;width:100%}.cc-filter-size{max-width:none}.cc-filterbar-form a.cc-toolbar-link,.cc-filterbar-form button[type=reset],.cc-filterbar-form button[type=submit]{width:100%;justify-content:center}.cc-form-row{flex-direction:column;gap:6px}.cc-form-row button,.cc-form-row input,.cc-form-row select{width:100%;min-width:0}.cc-today-banner{flex-wrap:wrap;gap:6px 12px;padding:8px 12px}.cc-today-banner-sep{display:none}.cc-mtm-row{gap:8px}.cc-mtm-item{font-size:12px}.cc-status-pill{font-size:9px;padding:2px 5px}.cc-svc-picker-row{flex-wrap:wrap;gap:8px}.cc-svc-picker-info{flex:1 1 100%}.cc-svc-controls{flex:0 0 auto}.cc-svc-picker-name{font-size:13px}.cc-status-pill.is-ok:before{content:""}[class*=RUNNING]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-avail-bar-wrap{width:48px}.cc-cost-label{min-width:100px;font-size:12px}.cc-cost-amount{min-width:44px;font-size:12px}.cc-ab-grid{grid-template-columns:120px 1fr 1fr;font-size:12px}.cc-ab-cell{padding:8px}.cc-provider-name{min-width:80px;font-size:12px}.cc-provider-cost{min-width:60px;font-size:12px}.cc-metric-label{min-width:0;font-size:12px;flex-shrink:1}.cc-metric-row{flex-wrap:wrap;gap:6px}.cc-metric-bar{max-width:none}.cc-heatmap{font-size:9px;gap:1px;grid-template-columns:24px repeat(24,1fr)}.cc-heatmap-cell{min-height:10px}.cc-search-modal{width:calc(100vw - 24px)}.cc-search-input{font-size:16px}.cc-live-bar{flex-wrap:wrap;gap:6px;padding:8px 12px}.cc-live-meta{flex-wrap:wrap;gap:6px;font-size:11px}.cc-live-actions{gap:6px}.cc-live-actions button{font-size:11px;padding:4px 8px}.cc-pagination{flex-wrap:wrap;gap:6px}}.cc-budget-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--cc-text-2);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease;vertical-align:middle;margin-left:4px;flex-shrink:0}.cc-budget-edit-btn .material-symbols-outlined{font-size:14px}.cc-budget-edit-btn:hover{background:var(--cc-surface-2);border-color:var(--cc-border);color:var(--cc-accent)}.cc-budget-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;display:flex;align-items:center;justify-content:center;padding:16px}.cc-budget-modal{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);box-shadow:0 20px 60px rgba(0,0,0,.2);width:360px;max-width:100%;display:flex;flex-direction:column;gap:0}.cc-budget-modal-header{padding:20px 20px 0}.cc-budget-modal-title{font-family:var(--cc-title-font);font-size:16px;font-weight:700;color:var(--cc-text);margin:0 0 2px}.cc-budget-modal-subtitle{font-size:12px;color:var(--cc-text-2);margin:0}.cc-budget-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.cc-budget-field{display:flex;flex-direction:column;gap:4px}.cc-budget-field label{font-size:12px;font-weight:600;color:var(--cc-text-2);text-transform:uppercase;letter-spacing:.04em;margin:0}.cc-budget-field input{width:100%}.cc-budget-error{font-size:12.5px;color:var(--cc-danger);margin:0;padding:6px 10px;background:rgba(192,80,74,.08);border-radius:6px;border:1px solid rgba(192,80,74,.18)}.cc-budget-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 20px 20px}.cc-budget-cancel{padding:8px 16px;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.cc-budget-cancel:hover:not(:disabled){background:var(--cc-surface-2);color:var(--cc-text)}.cc-budget-cancel:disabled{opacity:.5;cursor:not-allowed}.cc-budget-save{font-size:13px;padding:8px 16px}.cc-budget-save:disabled{opacity:.6;cursor:not-allowed;filter:none}@media (max-width:768px){.cc-table-shell{overflow-x:auto;-webkit-overflow-scrolling:touch}.cc-filterbar-form{flex-wrap:wrap}.cc-field-grow{min-width:140px}.cc-sub-kpis{grid-template-columns:repeat(2,1fr)}}.cc-chip--ok{background:color-mix(in srgb,var(--cc-positive) 15%,transparent);color:var(--cc-positive)}.cc-chip--warn{background:color-mix(in srgb,var(--cc-warning) 15%,transparent);color:var(--cc-warning)}.cc-chip--crit{background:color-mix(in srgb,var(--cc-danger) 15%,transparent);color:var(--cc-danger)}.cc-empty-state{color:var(--cc-text-2);font-size:.9rem;padding:2rem 0;text-align:center}.cc-panel__title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--cc-text)}.cc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cc-table{width:100%;border-collapse:collapse;font-size:.875rem}.cc-table th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--cc-border);font-weight:600;color:var(--cc-text-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cc-table td{padding:9px 12px;border-bottom:1px solid var(--cc-border);vertical-align:middle}.cc-table tbody tr:last-child td{border-bottom:0}.cc-table tbody tr:hover{background:var(--cc-surface-2)}.cc-server-bar{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;margin-bottom:1.5rem;font-size:.8rem}.cc-server-bar__label{font-weight:600;color:var(--cc-text-2)}.cc-server-bar__item{display:flex;align-items:center;gap:.5rem}.cc-server-bar__link{margin-left:auto;color:var(--cc-accent);text-decoration:none}.cc-mini-bar{width:80px;height:8px;background:var(--cc-border);border-radius:4px;overflow:hidden}.cc-mini-bar__fill{height:100%;background:var(--cc-positive);border-radius:4px;transition:width .3s}.cc-mini-bar__fill--warn{background:var(--cc-danger)}.cc-maintenance-form{gap:1rem}.cc-label,.cc-maintenance-form{display:flex;flex-direction:column}.cc-label{gap:.25rem;font-size:.8rem;font-weight:600;color:var(--cc-text-2)}.cc-input{padding:.4rem .6rem;border:1px solid var(--cc-border);border-radius:4px;background:var(--cc-bg);color:var(--cc-text);font-size:.85rem;min-width:180px}.cc-input:focus{outline:2px solid var(--cc-accent);outline-offset:1px}.cc-error-msg{color:var(--cc-danger);font-size:.85rem;margin:0}.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;font-family:var(--cc-body-font);font-size:.875rem;font-weight:600;cursor:pointer;padding:.45rem 1rem;border:1px solid transparent;transition:filter .15s ease,transform 80ms ease}.cc-btn--primary{background:var(--cc-accent);color:#fff;border-color:var(--cc-accent)}.cc-btn--primary:hover{filter:brightness(1.08)}.cc-btn--primary:active{transform:scale(.98)}.cc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.cc-btn--ghost{background:transparent;color:var(--cc-text-2);border-color:var(--cc-border)}.cc-btn--ghost:hover{background:var(--cc-surface-2)}.cc-btn--sm{padding:.2rem .5rem;font-size:.78rem}.cc-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.cc-project-card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.cc-project-card.is-danger{border-left:3px solid var(--cc-danger)}.cc-project-card.is-warn{border-left:3px solid var(--cc-warning)}.cc-project-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cc-project-card__name{font-weight:700;font-size:.95rem;color:var(--cc-text);text-decoration:none}.cc-project-card__name:hover{color:var(--cc-accent)}.cc-project-card__budget-row{display:flex;align-items:center;gap:.5rem}.cc-project-card__pct{font-size:.78rem;color:var(--cc-text-2);min-width:32px;text-align:right}.cc-project-card__nums{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.78rem;color:var(--cc-text-2)}.cc-project-card__alert-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:.35rem}.cc-project-card__no-health{font-size:.72rem;color:var(--cc-text-2)}.cc-project-card__comps{display:flex;flex-direction:column;gap:3px;margin-top:.25rem}.cc-comp-row{display:flex;align-items:center;gap:6px;font-size:.75rem;min-width:0}.cc-comp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cc-comp-dot.is-ok{background:var(--cc-positive)}.cc-comp-dot.is-warn{background:var(--cc-warning)}.cc-comp-dot.is-danger{background:var(--cc-danger)}.cc-comp-name{flex:1 1;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-comp-badge{font-size:.7rem;padding:1px 6px;border-radius:10px;flex-shrink:0;font-weight:500}.cc-comp-badge.is-ok{background:color-mix(in srgb,var(--cc-positive) 12%,transparent);color:var(--cc-positive)}.cc-comp-badge.is-warn{background:color-mix(in srgb,var(--cc-warning) 12%,transparent);color:var(--cc-warning)}.cc-comp-badge.is-danger{background:color-mix(in srgb,var(--cc-danger) 12%,transparent);color:var(--cc-danger)}.cc-comp-avail{font-size:.7rem;color:var(--cc-text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.cc-comp-more{font-size:.7rem;color:var(--cc-text-2);padding-left:13px}.cc-svc-group{border:1px solid var(--cc-border);border-radius:6px;overflow:hidden;margin-bottom:6px}.cc-svc-group__header{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:var(--cc-surface);border:none;cursor:pointer;text-align:left;font-family:var(--cc-body-font);font-size:.875rem;font-weight:600;color:var(--cc-text);transition:background .12s}.cc-svc-group__header:hover{background:var(--cc-surface-2)}.cc-svc-group__header.is-warn{border-left:3px solid var(--cc-warning)}.cc-svc-group__header.is-ok{border-left:3px solid var(--cc-positive)}.cc-svc-group__header.is-neutral{border-left:3px solid var(--cc-border)}.cc-svc-group__header.is-down{border-left:3px solid var(--cc-danger)}.cc-svc-group__chevron{font-size:1.1rem;color:var(--cc-text-2);flex-shrink:0}.cc-svc-group__label{flex:1 1}.cc-svc-group__meta{font-size:.75rem;color:var(--cc-text-2);font-weight:400}.cc-svc-group__counts{display:flex;gap:6px;flex-shrink:0}.cc-svc-count{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:10px}.cc-svc-count.is-ok{background:color-mix(in srgb,var(--cc-positive) 15%,transparent);color:var(--cc-positive)}.cc-svc-count.is-down{background:color-mix(in srgb,var(--cc-danger) 15%,transparent);color:var(--cc-danger)}.cc-svc-group__body{border-top:1px solid var(--cc-border)}.cc-svc-group__body .cc-svc-picker-row{padding-left:1rem;background:var(--cc-bg)}.cc-svc-group__body .cc-svc-picker-row:last-child{border-bottom:none}.cc-svc-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.cc-svc-status-dot.is-ok{background:var(--cc-positive)}.cc-svc-status-dot.is-down{background:var(--cc-danger)}.cc-svc-status-dot.is-warn{background:var(--cc-warning)}.cc-svc-status-dot.is-neutral{background:var(--cc-border)}.cc-project-card__containers{display:flex;flex-direction:column;gap:2px;margin-top:.2rem;padding-top:.4rem;border-top:1px solid var(--cc-border)}.cc-container-row{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--cc-text-2);min-width:0}.cc-container-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;color:var(--cc-text);font-size:.7rem}.cc-container-cpu,.cc-container-mem{flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-container-cpu,.cc-svc-commit{color:var(--cc-text-2)}.cc-svc-commit{font-size:.7rem;background:var(--cc-surface-2);padding:1px 5px;border-radius:3px}.cc-deploy-hint{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-size:.72rem;font-weight:500;color:var(--cc-warning);background:color-mix(in srgb,var(--cc-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--cc-warning) 25%,transparent);border-radius:6px;padding:2px 8px}.cc-deploy-hint .material-symbols-outlined{font-size:13px}.cc-project-card__reqs{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;padding-bottom:.35rem;border-bottom:1px solid var(--cc-border)}.cc-project-card__reqs-link{display:inline-flex;align-items:center;gap:4px;color:var(--cc-text);text-decoration:none;transition:color .12s ease}.cc-project-card__reqs-link:hover{color:var(--cc-accent)}.cc-project-card__reqs-link .material-symbols-outlined{font-size:14px;color:var(--cc-accent)}.cc-project-card__last-req{font-size:.72rem;color:var(--cc-text-2);white-space:nowrap}