:root,:host{--color-portal-bg:#fef8f5;--color-portal-surface:#fff;--color-portal-primary:#0d9488;--color-portal-primary-hover:#0f766e;--color-portal-header:#d4345f;--color-portal-text:#1f2937;--color-portal-border:#e5e7eb;--color-portal-success:#10b981;--color-portal-info:#3b82f6;--color-portal-warning:#f59e0b}.portal-theme{background-color:var(--color-portal-bg);color:var(--color-portal-text)}.portal-card{background-color:var(--color-portal-surface);border:1px solid var(--color-portal-border);border-radius:12px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.portal-card:hover{border-color:var(--color-portal-primary);box-shadow:0 4px 6px -1px #0000001a}.portal-header{background:linear-gradient(135deg,var(--color-portal-primary)0%,#14b8a6 100%);color:#fff}.portal-header-new{background:var(--color-portal-header);color:#fff}.portal-button-primary{background-color:var(--color-portal-primary);color:#fff;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.portal-button-primary:hover{background-color:var(--color-portal-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.portal-badge-success{color:var(--color-portal-success);background-color:#10b9811a;border:1px solid #10b98133}.portal-badge-info{color:var(--color-portal-info);background-color:#3b82f61a;border:1px solid #3b82f633}.portal-badge-warning{color:var(--color-portal-warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}