:root{--bg:#0c1210;--bg-elev:#141c18;--fg:#e8f0eb;--muted:#8aa396;--accent:#3dba7a;--accent-dim:#2a8f5c;--accent-soft:rgba(61,186,122,0.14);--danger:#e85d5d;--border:#24332b;--card:#101815;--page-title:#f2f7f4;--row-hover:rgba(61,186,122,0.06);--radius-sm:6px;--font:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--display:"Fraunces",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.5;min-height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent-dim);background:var(--accent);color:#04140c;font-weight:600;padding:.55rem 1rem;border-radius:8px;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap}button:disabled{opacity:.55;cursor:not-allowed}.btn.secondary,button.secondary{background:transparent;color:var(--fg);border-color:var(--border)}.btn.compact,button.compact{padding:.35rem .7rem;font-size:.82rem;border-radius:var(--radius-sm)}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:.55rem .75rem;font:inherit}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;margin-bottom:.85rem}.cf-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;width:100%}.cf-nav{background:var(--bg-elev);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.35rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.cf-nav-brand{margin-bottom:1.1rem;padding:0 .35rem}.cf-nav-brand strong{color:var(--accent);font-size:1.05rem;letter-spacing:-.01em}.cf-nav-brand .muted{font-size:.8rem;margin-top:.15rem}.cf-nav a{color:var(--fg);padding:.5rem .7rem;border-radius:var(--radius-sm);text-decoration:none;font-size:.95rem}.cf-nav a:hover{background:var(--card);color:var(--accent);text-decoration:none}.cf-nav a[data-active=true]{font-weight:600}.cf-nav a[data-active=true],.cf-nav a[data-active=true]:hover{background:var(--accent);color:#04140c}.cf-main{padding:1.75rem 2rem 2.5rem;width:100%;max-width:none;min-width:0;box-sizing:border-box}.cf-page-header{margin-bottom:1.35rem;max-width:72rem}.cf-page-header h1{font-family:var(--display);font-weight:600;color:var(--page-title);margin:0 0 .45rem;font-size:clamp(1.65rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.2}.cf-page-header p.muted,.cf-page-header>.muted{margin:0;max-width:62ch;font-size:.95rem;line-height:1.55}.cf-toolbar{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.cf-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1rem}.cf-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cf-grid.cf-kpi{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:40rem}.badge{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.ok{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-soft)}.badge.warn{border-color:#a67c3a;color:#e0b35a;background:rgba(224,179,90,.1)}.cf-login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0,#1a3d2c 0,transparent 50%),radial-gradient(ellipse at 80% 100%,#0f2a22 0,transparent 45%),var(--bg)}.cf-login-card{width:min(400px,92vw);background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:2rem}.cf-login-card h1{font-family:var(--display);font-weight:600;margin:.75rem 0 .35rem;color:var(--page-title)}.cf-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 8vw;background:linear-gradient(135deg,#0c1210,#132820 40%,#0c1210)}.cf-hero h1{font-family:var(--display);font-size:clamp(2.4rem,5vw,3.6rem);margin:0 0 .75rem;max-width:14ch;color:var(--page-title)}.cf-hero p{max-width:42ch;color:var(--muted);font-size:1.15rem}.cf-hero-cta{display:flex;gap:.75rem;margin-top:1.5rem}.cf-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.35rem .75rem .5rem;overflow-x:auto;margin-bottom:1rem}table.cf-table{width:100%;border-collapse:collapse;font-size:.92rem}table.cf-table td,table.cf-table th{text-align:left;padding:.7rem .55rem;border-bottom:1px solid var(--border);vertical-align:middle}table.cf-table th{color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding-top:.85rem;padding-bottom:.55rem}table.cf-table tbody tr:last-child td{border-bottom:none}table.cf-table tbody tr:hover td{background:var(--row-hover)}table.cf-table td.cf-topic{max-width:none;width:42%}table.cf-table .cf-topic-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.cf-actions{display:inline-flex;gap:.4rem;flex-wrap:nowrap;align-items:center}.cf-s2-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);grid-gap:1.25rem;gap:1.25rem;align-items:start;margin-bottom:1rem}.cf-session-guides{display:flex;flex-direction:column;gap:.85rem;position:-webkit-sticky;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.cf-session-guide-panel{border-color:var(--accent-dim)}.cf-session-guide-steps{margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.45}.cf-session-guide-steps li{margin-bottom:.4rem}.cf-session-guide-expect{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border)}.cf-session-guide-cmd{margin:.5rem 0 0;padding:.55rem .65rem;background:var(--bg);border-radius:6px;font-size:.72rem;white-space:pre-wrap;word-break:break-all;color:var(--muted)}.cf-session-guide-placeholder{border-style:dashed}.cf-session-row-focus td{background:var(--accent-soft)}@keyframes cf-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cf-fade-in{animation:cf-fade-in .35s ease-out both}@media (max-width:960px){.cf-s2-layout{grid-template-columns:1fr}.cf-session-guides{position:static;max-height:none}}@media (max-width:800px){.cf-shell{grid-template-columns:1fr}.cf-nav{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border)}.cf-nav-brand{width:100%;margin-bottom:.5rem}.cf-main{padding:1.25rem 1rem 2rem}.cf-actions{flex-wrap:wrap}}