:root{--cc-teal:#1fadA5;--cc-teal-dark:#189e97;--cc-coral:#f97066;--cc-coral-dark:#f85a4e;--cc-surface:#ffffff;--cc-surface-hover:#f8f9fa;--cc-border:#e9ecef;--cc-text-primary:#212529;--cc-text-muted:#6c757d;--cc-radius:0.625rem;--cc-shadow:0 2px 8px rgba(0,0,0,0.08);--cc-shadow-hover:0 6px 20px rgba(0,0,0,0.13);--cc-transition:0.2s ease}.custom-card{position:relative;display:flex;flex-direction:column;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden;transition:box-shadow var(--cc-transition),transform var(--cc-transition),border-color var(--cc-transition)}.custom-card--sm{padding:.75rem 1rem}.custom-card--md{padding:1.25rem 1.5rem}.custom-card--lg{padding:1.75rem 2rem}.custom-card__icon{margin-bottom:.75rem;color:var(--cc-teal);font-size:1.75rem;line-height:1}.custom-card__badge{display:inline-block;margin-bottom:.5rem;padding:.2em .65em;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:.3rem;background:rgba(31,173,165,.12);color:var(--cc-teal-dark)}.custom-card__body{flex:1 1}.custom-card__title{margin:0 0 .4rem;font-size:1rem;font-weight:600;color:var(--cc-text-primary);line-height:1.3}.custom-card__description{margin:0;font-size:.875rem;color:var(--cc-text-muted);line-height:1.55}.custom-card__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--cc-border);font-size:.8rem;color:var(--cc-text-muted)}.custom-card--clickable{cursor:pointer}.custom-card--clickable:focus-visible,.custom-card--clickable:hover{box-shadow:var(--cc-shadow-hover);transform:translateY(-2px);border-color:var(--cc-teal);outline:none}.custom-card--clickable:active{transform:translateY(0);box-shadow:var(--cc-shadow)}.custom-card--primary{border-left:4px solid var(--cc-teal)}.custom-card--primary .custom-card__title{color:var(--cc-teal-dark)}.custom-card--primary .custom-card__badge{background:rgba(31,173,165,.15);color:var(--cc-teal-dark)}.custom-card--secondary{border-left:4px solid var(--cc-coral)}.custom-card--secondary .custom-card__title{color:var(--cc-coral-dark)}.custom-card--secondary .custom-card__badge{background:rgba(249,112,102,.12);color:var(--cc-coral-dark)}.custom-card--ghost{background:transparent;box-shadow:none;border:1px dashed var(--cc-border)}.custom-card--ghost:hover{background:var(--cc-surface-hover);border-style:solid}