body{font-family:Segoe UI,Arial,Helvetica,sans-serif;margin:0;color:#222;background:#f7f8fa}
.cc-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#1f2937;color:#fff}
.cc-header h1{margin:0;font-size:20px}
.auth{display:flex;gap:8px;align-items:center}
.auth input{padding:6px;border-radius:4px;border:1px solid #ccc}
.auth button{padding:6px 10px;border-radius:4px;border:none;background:#10b981;color:#fff}
.cc-main{padding:18px}
.status-strip{background:#fff;padding:8px 12px;border-radius:6px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.panel{background:#fff;padding:12px;border-radius:8px;margin-top:12px}
h2{margin-top:0}