:root{
    --ccf-bg:#07111f;
    --ccf-panel:#0e1c31;
    --ccf-panel-2:#132541;
    --ccf-border:rgba(255,255,255,.14);
    --ccf-text:#f5f8ff;
    --ccf-muted:#c6d2e6;
    --ccf-muted-strong:#e2e9f7;
    --ccf-accent:#61d6b3;
    --ccf-accent-2:#6ea8fe;
    --ccf-warning:#ffd166;
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ccf-text)}
.public-body{background:radial-gradient(circle at top left,#16375f 0,#07111f 42%,#050914 100%);min-height:100vh}
.public-navbar{background:rgba(7,17,31,.92);border-bottom:1px solid var(--ccf-border);backdrop-filter:blur(14px)}
.public-navbar .navbar-brand,.public-navbar .nav-link{color:var(--ccf-text)!important;white-space:nowrap}
.public-navbar .nav-link{font-weight:700}
.navbar-toggler{border-color:rgba(255,255,255,.35)}
.navbar-toggler-icon{filter:invert(1)}
.brand-mark{font-weight:900;letter-spacing:-.03em}
.eyebrow{text-transform:uppercase;color:var(--ccf-accent);font-size:.78rem;letter-spacing:.14em;font-weight:900;margin-bottom:.75rem}
.hero-section{padding:7rem 0 5rem}
.hero-section h1{font-size:clamp(2.4rem,6vw,5.4rem);font-weight:950;letter-spacing:-.065em;line-height:.95}
.hero-subtitle,.section-heading p,.readable-muted{color:var(--ccf-muted);line-height:1.7}
.hero-subtitle{font-size:1.18rem;max-width:760px}
.hero-card,.feature-card,.safety-card,.early-access-card,.login-card,.app-card,.metric-card,.report-card{
    background:linear-gradient(145deg,rgba(19,37,65,.96),rgba(10,21,38,.96));
    border:1px solid var(--ccf-border);
    border-radius:1.4rem;
    box-shadow:0 1.4rem 4rem rgba(0,0,0,.26);
}
.hero-card{padding:2rem}
.hero-card-title{font-weight:900;margin-bottom:1rem}
.metric-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--ccf-border);color:var(--ccf-muted-strong)}
.metric-row strong{font-size:1.5rem;color:var(--ccf-text)}
.section-pad{padding:5rem 0}
.section-soft{background:rgba(255,255,255,.035)}
.section-heading{text-align:center;max-width:820px;margin:0 auto 2.4rem}
.section-heading h2{font-weight:950;letter-spacing:-.04em}
.feature-card{padding:1.5rem;height:100%}
.feature-card h3,.report-card h2{font-size:1.22rem;font-weight:900}
.feature-card p{color:var(--ccf-muted);line-height:1.65;margin-bottom:0}
.workflow-list{display:grid;gap:1rem}
.workflow-list div{padding:1rem 1.2rem;border:1px solid var(--ccf-border);border-radius:1rem;background:rgba(255,255,255,.055);color:var(--ccf-muted-strong);font-weight:750}
.safety-card,.early-access-card,.login-card{padding:2rem}
.login-section{padding:5rem 0}
.login-card{max-width:480px}
.form-control,.form-select{background:#0b1728;border-color:rgba(255,255,255,.18);color:var(--ccf-text)}
.form-control:focus,.form-select:focus{background:#0b1728;color:var(--ccf-text);border-color:var(--ccf-accent);box-shadow:0 0 0 .25rem rgba(97,214,179,.18)}
.form-label{font-weight:800;color:var(--ccf-muted-strong)}
.btn-primary{background:linear-gradient(135deg,var(--ccf-accent),var(--ccf-accent-2));border:0;color:#06101c;font-weight:900}
.public-footer{background:rgba(0,0,0,.22);border-top:1px solid var(--ccf-border)}
.app-body{background:#07111f}
.app-shell{min-height:100vh;display:flex}
.app-sidebar{width:292px;position:fixed;inset:0 auto 0 0;background:#081528;border-right:1px solid var(--ccf-border);padding:1.1rem;overflow:auto}
.sidebar-brand{padding:1rem 1rem 1.25rem;border-bottom:1px solid var(--ccf-border);margin-bottom:1rem}
.sidebar-subtitle{color:var(--ccf-muted);font-size:.86rem;margin-top:.25rem}
.sidebar-nav{display:grid;gap:.35rem}
.sidebar-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ccf-muted-strong);padding:.78rem .88rem;border-radius:.9rem;font-weight:800}
.sidebar-link:hover,.sidebar-link.active{background:rgba(97,214,179,.14);color:var(--ccf-text)}
.sidebar-icon{width:1.4rem;text-align:center}
.app-main{margin-left:292px;min-height:100vh;width:calc(100% - 292px)}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.4rem;background:rgba(7,17,31,.88);border-bottom:1px solid var(--ccf-border);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}
.topbar-title{font-weight:950}
.topbar-subtitle{font-size:.86rem;color:var(--ccf-muted)}
.content-wrap{padding:1.4rem}
.app-card,.metric-card,.report-card{padding:1.35rem}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.card-head h1,.app-card h1{font-weight:950;letter-spacing:-.035em}
.card-head h2,.app-card h2{font-weight:900;font-size:1.25rem}
.card-head p{color:var(--ccf-muted);margin-bottom:0}
.metric-label{color:var(--ccf-muted);font-weight:800}
.metric-value{font-size:2.3rem;font-weight:950;color:var(--ccf-text);line-height:1}
.app-table{--bs-table-bg:transparent;--bs-table-border-color:var(--ccf-border)}
.empty-state{color:var(--ccf-muted);background:rgba(255,255,255,.05);border:1px dashed var(--ccf-border);padding:1rem;border-radius:1rem;margin:0}
.list-row{display:flex;justify-content:space-between;gap:1rem;padding:.88rem 0;border-bottom:1px solid var(--ccf-border)}
.list-row span{color:var(--ccf-muted)}
.soft-divider{border-color:var(--ccf-border);margin:1.5rem 0}
.print-body{background:white;color:#111}
.print-header{border-bottom:2px solid #111;margin-bottom:1rem}
@media (max-width:991.98px){
    .app-main{margin-left:0;width:100%}
    .hero-section{padding:4rem 0 3rem}
    .card-head{display:block}
}
@media print{
    .no-print{display:none!important}
}