.cl-root{max-width:1400px;margin:auto}.cl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cl-tabs{display:flex;gap:6px;margin:16px 0;padding:5px;background:var(--soft);border-radius:14px;overflow:auto}.cl-tabs button{white-space:nowrap}.cl-tabs [aria-selected=true]{background:#3279c9;color:white}.cl-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0;backdrop-filter:blur(12px)}.cl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.cl-metrics>div{padding:16px;background:var(--soft);border-radius:14px}.cl-metrics strong{display:block;font-size:25px;margin-top:8px}.cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cl-scroll{overflow:auto;max-height:500px}.cl-root table{width:100%;border-collapse:collapse;min-width:620px}.cl-root th,.cl-root td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.cl-root td small,.cl-root th small{display:block;color:var(--muted)}.cl-exam{background:rgba(50,121,201,.09)}.cl-hint,.cl-empty{color:var(--muted);font-size:13px;line-height:1.7}.cl-empty{padding:16px}.cl-bars>div{display:grid;grid-template-columns:minmax(70px,1fr) 2fr 35px;align-items:center;gap:10px;margin:10px 0}.cl-bars meter{width:100%;height:20px}.cl-cell{background:rgba(50,121,201,var(--cl-alpha));min-width:86px}.cl-overlay{position:fixed;inset:0;background:rgba(20,35,55,.35);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.cl-dialog{background:var(--bg,#f6f9fe);color:var(--ink);border-radius:20px;padding:20px;width:min(760px,100%);max-height:88vh;overflow:auto}.cl-dialog form{display:grid;gap:12px}.cl-dialog label{display:grid;gap:6px}.cl-dialog input,.cl-dialog textarea,.cl-dialog select{width:100%}.cl-dialog .cl-check{display:flex;align-items:center;padding:7px}.cl-check input{width:auto}.cl-dialog fieldset{border:1px solid var(--line);max-height:240px;overflow:auto}.cl-answer{border-bottom:1px solid var(--line);padding:12px 0}.cl-card p{white-space:pre-wrap;overflow-wrap:anywhere}.cl-form-error{color:#b33}.cl-root button:focus-visible,.cl-root input:focus-visible,.cl-root select:focus-visible{outline:3px solid #86b9ee;outline-offset:2px}@media(max-width:700px){.cl-grid{grid-template-columns:1fr}.cl-metrics{grid-template-columns:1fr 1fr}.cl-card{padding:12px}.cl-dialog{max-height:90vh}.cl-overlay{padding:8px}.cl-row label{max-width:100%}.cl-row select{max-width:100%}}.cl-trend{width:100%;min-width:600px;height:220px;color:var(--ink);font-size:12px}.cl-root details section{border-top:1px solid var(--line);padding:10px 0}.cl-overlay{left:80px;top:70px;z-index:1000}.cl-dialog{background:var(--bg,#f6f9fe);min-width:0;width:100%;max-width:760px;max-height:calc(100vh - 100px)}.cl-check{padding-left:12px!important}.cl-root{min-width:0}.cl-root .cl-card{min-width:0}@media(max-width:700px){.cl-overlay{left:76px;top:70px;padding:8px}.cl-dialog{padding:12px}.cl-dialog .cl-grid{grid-template-columns:1fr}}

.cl-dialog button[type=submit]{position:sticky;bottom:0;z-index:1;min-height:42px}.cl-tabs button{border-radius:10px;padding:9px 14px}.cl-root meter::-webkit-meter-optimum-value{background:#3279c9}

.cl-root .primary{background:#3279c9;color:#fff}.cl-dialog .primary{background:#3279c9;color:#fff}