:root{--cn-bg: #f4f6f8;--cn-surface: #ffffff;--cn-primary: #005a9c;--cn-primary-soft: #d8ebfa;--cn-text: #142433;--cn-muted: #607385;--cn-border: #d6dee6}*{box-sizing:border-box}html,body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:var(--cn-bg);color:var(--cn-text)}button,input,select,textarea{font:inherit}.cn-card{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:12px;padding:1rem}.cn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}