.cpo-shell{--cpo-border:rgba(148,163,184,.18);--cpo-panel:rgba(15,23,42,.76)}
.cpo-card{border:1px solid var(--cpo-border);background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(15,23,42,.62));border-radius:1.25rem;box-shadow:0 18px 55px rgba(2,6,23,.2)}
.cpo-input{width:100%;border:1px solid rgba(148,163,184,.2);background:rgba(2,6,23,.55);color:#e2e8f0;border-radius:.8rem;padding:.7rem .8rem;font-size:.875rem}
.cpo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:.8rem;padding:.65rem .85rem;font-size:.82rem;font-weight:700;transition:.2s}
.cpo-btn.primary{background:#0891b2;color:#fff}.cpo-btn.primary:hover{background:#06b6d4}.cpo-btn.secondary{border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.72);color:#cbd5e1}.cpo-btn.secondary:hover{background:rgba(30,41,59,.95)}
.cpo-stat{border:1px solid var(--cpo-border);border-radius:1rem;padding:1rem;background:rgba(15,23,42,.58)}.cpo-stat strong{display:block;font-size:1.55rem;color:#f8fafc}.cpo-stat span{font-size:.75rem;color:#94a3b8}
.cpo-badge{display:inline-flex;border-radius:999px;padding:.24rem .55rem;font-size:.68rem;font-weight:800;letter-spacing:.03em}.cpo-green{background:rgba(16,185,129,.14);color:#6ee7b7}.cpo-yellow{background:rgba(245,158,11,.14);color:#fcd34d}.cpo-red{background:rgba(244,63,94,.14);color:#fda4af}.cpo-blue{background:rgba(14,165,233,.14);color:#7dd3fc}.cpo-violet{background:rgba(139,92,246,.14);color:#c4b5fd}
.cpo-table-wrap{overflow:auto;border:1px solid var(--cpo-border);border-radius:1rem}.cpo-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:.78rem}.cpo-table th{position:sticky;top:0;background:#0f172a;color:#cbd5e1;text-align:left;padding:.75rem}.cpo-table td{padding:.7rem;border-top:1px solid rgba(148,163,184,.1);vertical-align:top;color:#cbd5e1}.cpo-table small{display:block;color:#64748b;margin-top:.2rem}.cpo-table tr:hover td{background:rgba(30,41,59,.35)}
.cpo-item{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--cpo-border);border-radius:1rem;padding:.85rem;background:rgba(2,6,23,.28)}.cpo-item strong{color:#e2e8f0}.cpo-item p,.cpo-item small{color:#94a3b8;font-size:.75rem}.cpo-empty{padding:1.3rem;text-align:center;color:#64748b;border:1px dashed rgba(148,163,184,.25);border-radius:1rem}.cpo-message{border-radius:.9rem;padding:.75rem 1rem;font-size:.82rem}.cpo-success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.cpo-error{background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.25);color:#fda4af}.cpo-info{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.25);color:#7dd3fc}