@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;900&display=swap";
:root{--c-bg:#eef4ff;--c-surface:#fff;--c-ink:#082757;--c-muted:#5e7190;--c-pri:#4f7dff;--c-sec:#a55fff;--c-ring:rgba(79,125,255,.28);--c-border:rgba(8,39,87,.08);--c-shadow:0 10px 28px rgba(16,24,40,.1);--c-radius:20px}*{box-sizing:border-box}body{color:var(--c-ink);background:linear-gradient(180deg,var(--c-bg),#fff);margin:0;font-family:Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}:focus-visible{outline:3px solid var(--c-ring);outline-offset:2px}.cfd-shell{min-height:100vh;display:flex}.cfd-main{flex-direction:column;flex:1;gap:18px;padding:18px;display:flex}.cfd-sb{color:#eaf1ff;background:linear-gradient(#0c2a82 0%,#1440a6 38%,#173b7a 100%);border-right:1px solid rgba(255,255,255,.12);align-self:flex-start;width:auto;min-height:100vh;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0}.cfd-sb__brand{align-items:center;gap:10px;padding:12px 10px 18px;display:flex}.cfd-sb__brand img{filter:drop-shadow(0 8px 22px rgba(0,0,0,.25));max-width:150px;height:auto}.cfd-sb__brand span{opacity:.85;font-weight:800}.cfd-sb__nav{padding:6px 2px}.cfd-sb__item{justify-content:space-between;align-items:center;gap:10px;width:100%;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.cfd-sb__item:hover{background:#11347a;transform:translateY(-1px)}.cfd-sb__item .ico{background:rgba(255,255,255,.12);border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.cfd-sb__item .chev{transition:transform .18s;transform:rotate(0)}.cfd-sb__sub a{color:#d7e6ff;text-decoration:none}.cfd-sb__sub a:hover{text-decoration:underline}.cfd-topbar{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--c-shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.cfd-topbar__search{flex:1;position:relative}.cfd-topbar__search .s-ico{opacity:.6;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cfd-topbar__search input{border:1px solid #e4ebf5;border-radius:12px;outline:none;width:100%;padding:10px 12px 10px 34px}.cfd-topbar__right{align-items:center;gap:10px;display:flex}.cfd-topbar__right select{color:var(--c-ink);background:#fff;border:1px solid #e4ebf5;border-radius:12px;padding:8px 10px;font-weight:800}.icon-btn{cursor:pointer;background:#fff;border:1px solid #e4ebf5;border-radius:12px;padding:8px 10px}.cfd-user{align-items:center;gap:10px;display:flex}.cfd-user .email{color:var(--c-muted);font-weight:700}.cfd-user .avatar{color:#fff;background:linear-gradient(135deg,var(--c-pri),var(--c-sec));border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.cfd-hero{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--c-radius);box-shadow:var(--c-shadow);justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.cfd-hero .badge{color:var(--c-pri);background:rgba(79,125,255,.12);border-radius:999px;margin-bottom:6px;padding:6px 10px;font-weight:900;display:inline-block}.cfd-hero__title{font-size:1.35rem;font-weight:900}.cfd-hero__meta{color:var(--c-muted);align-items:center;gap:8px;display:flex}.dot{background:#9aa8bb;border-radius:50%;width:10px;height:10px;display:inline-block}.dot.ok{background:#19c27a}.dot.off{background:#e45353}.sep{opacity:.45}.cfd-hero__actions{align-items:center;gap:10px;display:flex}.btn{border-radius:12px;padding:10px 12px;font-weight:800;text-decoration:none;display:inline-block}.btn.ghost{border:1px solid var(--c-border);color:var(--c-ink);background:#fff}.btn.solid{color:#fff;background:linear-gradient(135deg,var(--c-pri),var(--c-sec));box-shadow:0 10px 26px rgba(79,125,255,.35)}.cfd-grid{gap:14px;display:grid}.cfd-g4{grid-template-columns:repeat(4,minmax(0,1fr))}.cfd-g2{grid-template-columns:2fr 1.2fr}@media (max-width:1200px){.cfd-g4{grid-template-columns:repeat(2,1fr)}.cfd-g2{grid-template-columns:1fr}}@media (max-width:640px){.cfd-g4{grid-template-columns:1fr}}.cfd-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--c-radius);box-shadow:var(--c-shadow);padding:14px}.cfd-card__title{color:var(--c-ink);align-items:center;gap:10px;margin-bottom:8px;padding-left:20px;font-weight:900;display:flex}.cfd-kpi{align-items:center;gap:12px;display:flex}.cfd-kpi__icon{background:linear-gradient(135deg,var(--c-pri),var(--c-sec));color:#fff;border-radius:14px;place-items:center;width:54px;height:54px;font-size:1.4rem;display:grid;box-shadow:0 0 16px rgba(79,125,255,.35)}.cfd-kpi__meta{flex-direction:column;gap:2px;display:flex}.cfd-kpi__value{color:var(--c-ink);font-size:1.6rem;font-weight:900;line-height:1}.cfd-kpi__label{color:var(--c-muted);font-weight:800}.cfd-kpi__note{color:#7ca7ff;font-weight:700}.cfd-list__ol{margin:4px 0 0;padding-left:22px}.cfd-list__ol li{border-bottom:1px dashed rgba(8,39,87,.12);justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.cfd-list__ol li:last-child{border-bottom:none}.cfd-list__ol a{color:var(--c-ink);font-weight:500;text-decoration:none}.cfd-list__ol a:hover{text-decoration:underline}.dots{color:#9aa8bb}.cfd-chart__placeholder{flex-direction:column;justify-content:flex-end;height:230px;display:flex}.cfd-chart__placeholder .bars{align-items:flex-end;gap:8px;height:180px;display:flex}.cfd-chart__placeholder .bars span{background:linear-gradient(rgba(165,95,255,.7),rgba(79,125,255,.85));border-radius:8px;flex:1;min-width:10px}.cfd-chart__placeholder .axis{justify-content:space-between;padding-top:6px;display:flex}.cfd-chart__placeholder .axis b{color:var(--c-muted);font-size:.8rem}.cfd-foot{color:var(--c-muted);text-align:center;margin-top:10px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes cfd-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cfd-fade-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cfd-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cfd-anim-up{animation:.46s cubic-bezier(.22,.9,.24,1) both cfd-fade-up}.cfd-anim-left{animation:.5s cubic-bezier(.22,.9,.24,1) both cfd-fade-right}.cfd-anim-pop{animation:.4s cubic-bezier(.22,.9,.24,1) both cfd-pop}.cfd-stagger>*{animation-delay:60ms}.cfd-stagger>:nth-child(2){animation-delay:.12s}.cfd-stagger>:nth-child(3){animation-delay:.18s}.cfd-stagger>:nth-child(4){animation-delay:.24s}.cfd-stagger>:nth-child(5){animation-delay:.3s}.cfd-stagger>:nth-child(6){animation-delay:.36s}.cfd-stagger>:nth-child(7){animation-delay:.42s}.cfd-stagger>:nth-child(8){animation-delay:.48s}.cfd-card,.cfd-kpi{transition:transform .18s,box-shadow .18s,border-color .18s}.cfd-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.12)}.cfd-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(79,125,255,.22)}.cfd-sb{animation:.38s ease-out both cfd-fade-right}.cfd-topbar{animation:.38s ease-out both cfd-pop}.cfd-hero{animation:.42s ease-out both cfd-pop}.cfd-chart__placeholder .bars span{animation:.5s ease-out both cfd-fade-up}.cfd-chart__placeholder .bars span:first-child{animation-delay:50ms}.cfd-chart__placeholder .bars span:nth-child(2){animation-delay:.1s}.cfd-chart__placeholder .bars span:nth-child(3){animation-delay:.15s}.cfd-chart__placeholder .bars span:nth-child(4){animation-delay:.2s}.cfd-chart__placeholder .bars span:nth-child(5){animation-delay:.25s}.cfd-chart__placeholder .bars span:nth-child(6){animation-delay:.3s}.cfd-chart__placeholder .bars span:nth-child(7){animation-delay:.35s}.cfd-chart__placeholder .bars span:nth-child(8){animation-delay:.4s}.cfd-chart__placeholder .bars span:nth-child(9){animation-delay:.45s}.cfd-chart__placeholder .bars span:nth-child(10){animation-delay:.5s}.cfd-chart__placeholder .bars span:nth-child(11){animation-delay:.55s}.cfd-chart__placeholder .bars span:nth-child(12){animation-delay:.6s}.cfd-navbar{z-index:50;background:#0b2b57;border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:-webkit-sticky;position:sticky;top:0}.cfd-navbar__brand img{width:auto;height:28px;display:block}.cfd-navbar__right{align-items:center;gap:12px;display:flex}.cfd-navbar__cta{color:#082757;background:#fff;border:1px solid #e4ebf5;border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none}.cfd-navbar__user{align-items:center;gap:10px;display:flex}.cfd-navbar__user .email{color:#d8e3ff;font-weight:700}.cfd-navbar__user .avatar{color:#fff;background:linear-gradient(135deg,var(--c-pri),var(--c-sec));border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.cfd-footer{text-align:center;color:#d8e3ff;background:#0b2b57;padding:12px 16px}.cfd-page__content{flex-direction:column;gap:16px;margin:20px 20px 0 0;display:flex}.cfd-sb--flat{background:#0b2b57;border-right:1px solid rgba(255,255,255,.08)}.cfd-sb__title{color:#fff;padding:10px 8px 12px;font-family:Nunito Sans,sans-serif;font-size:1.25rem;font-weight:900;text-decoration:none}.cfd-sb__item{color:#fff;text-align:left;border-radius:12px;grid-template-columns:32px 1fr 14px;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;display:grid}.cfd-sb__item:hover{background:rgba(255,255,255,.1)}.cfd-sb__item.is-open{background:rgba(255,255,255,.16)}.cfd-sb__item .ico{color:#fff;background:0 0;place-items:center;width:28px;height:28px;display:grid}.cfd-sb__item .lbl{color:#eef3ff;font-family:Nunito Sans,sans-serif;font-weight:800}.cfd-sb__item .chev{color:#cfe0ff;justify-self:end;transition:transform .35s;transform:rotate(0)}.cfd-sb__item.is-open .chev{transform:rotate(90deg)}.cfd-sb__sub{background:rgba(255,255,255,.1);margin:4px 0 10px;padding:4px 8px 10px 42px;list-style:none}.cfd-sb__sub a{color:#dbe6ff;font-family:Nunito Sans,sans-serif;font-weight:700;text-decoration:none}.cfd-sb__sub a:hover{color:#fff}.cfd-sb__footer{position:-webkit-sticky;position:sticky;bottom:12px}.cfd-page{grid-template-columns:290px 1fr;gap:16px;display:grid}.cfd-page__content{flex-direction:column;gap:16px;display:flex}@media (max-width:1024px){.cfd-page{grid-template-columns:84px 1fr}.cfd-sb__title{text-align:center;padding:8px 0;font-size:1rem}.cfd-sb__item{grid-template-columns:1fr;place-items:center;padding:12px 10px}.cfd-sb__item .lbl,.cfd-sb__item .chev,.cfd-sb__sub{display:none}}@media (max-width:640px){.cfd-page{grid-template-columns:72px 1fr}.cfd-sb__item{margin:6px 0}}.cfd-sb__item .ico,.cfd-sb__sub .ico{flex-shrink:0;stroke:#fff!important;color:#fff!important}.cfd-sb__item:hover .ico,.cfd-sb__sub a:hover .ico{stroke:#dbe6ff!important}.cfd-sb__sub{margin:4px 0 10px;padding:6px 10px 10px 42px;list-style:none}.cfd-sb__sub li{margin:6px 0}.cfd-sb__sub a{color:#dbe6ff;padding:6px 0;font-weight:700;text-decoration:none;transition:color .15s,transform .15s;display:block}.cfd-sb__sub a:hover{color:#fff;transform:translate(2px)}.cfd-sb__item,.cfd-sb__item:hover,.cfd-sb__item:focus{text-decoration:none}.cfd-sb{flex-direction:column;display:flex}.cfd-sb__footer{margin-top:auto;position:-webkit-sticky;position:sticky;bottom:12px}.cfd-subwrap{opacity:0;max-height:0;transition:max-height .28s,opacity .24s,transform .24s;overflow:hidden;transform:translateY(-4px)}.cfd-subwrap.open{opacity:1;max-height:420px;transform:translateY(0)}.cfd-sb__item .chev{transition:transform .22s,color .2s}.cfd-menu-btn{cursor:pointer;color:#e6eeff;background:0 0;border:1px solid rgba(255,255,255,.18);border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:flex}.cfd-menu-btn .avatar{background:linear-gradient(135deg,var(--c-pri),var(--c-sec));color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:900;display:grid}.cfd-menu-btn .who .name{color:#fff;font-weight:800;line-height:1}.cfd-menu-btn .chev{color:#d8e3ff;transition:transform .2s}.cfd-menu-btn .chev.open{transform:rotate(180deg)}.cfd-menu{color:#fff;background:#4f7dff;border-radius:16px;width:320px;max-width:calc(100vw - 24px);padding:12px;animation:.22s ease-out both cfd-pop;position:absolute;top:calc(100% + 8px);right:16px;box-shadow:0 20px 45px rgba(3,10,30,.35)}.cfd-navbar{position:relative}.cfd-menu__head{padding:10px 8px 12px}.cfd-menu__head .title{font-size:1.25rem;font-weight:900}.cfd-menu__head .subtitle{opacity:.9;font-weight:700}.cfd-menu__sep{background:rgba(255,255,255,.55);height:1px;margin:6px 0 8px}.cfd-menu__list{flex-direction:column;gap:4px;display:flex}.cfd-menu .item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;grid-template-columns:28px 1fr 14px;align-items:center;gap:10px;width:100%;padding:10px 8px;text-decoration:none;display:grid}.cfd-menu .item:hover{background:rgba(255,255,255,.12)}.cfd-menu .item .ico{stroke:#fff}.cfd-menu .item .arrow{opacity:.85;justify-self:end}.cfd-menu .item.danger:hover{background:rgba(255,255,255,.18)}.cfd-title{margin:4px 0 8px;font-size:1.5rem;font-weight:900}.cfd-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.cfd-field label{color:var(--c-ink);font-weight:800}.cfd-input,.cfd-select{background:#fff;border:1px solid #e4ebf5;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit}.cfd-input:focus,.cfd-select:focus{border-color:#c9d6ff;box-shadow:0 0 0 3px rgba(79,125,255,.15)}.cfd-help{color:var(--c-muted)}.cfd-switch{width:18px;height:18px;accent-color:var(--c-pri)}.cfd-msg{color:#0a7f3f;margin-top:10px;font-weight:800}.cfd-pill{color:var(--c-ink);background:rgba(79,125,255,.12);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:800;display:inline-flex}