.ui-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:none;transition:background .15s}.ui-btn-primary{background:var(--color-accent);color:#fff}.ui-btn-primary:hover{background:#7a5f45}.ui-btn-secondary{background:var(--color-accent-light);color:var(--color-accent)}.ui-btn-ghost{color:var(--color-text);background:0 0}.ui-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.ui-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--text-base);background:#fff}.ui-input:focus{border-color:var(--color-accent);outline:none}.ui-modal-overlay{background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-modal{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px}.ui-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:4px 8px;font-weight:600}.ui-badge-default{background:var(--color-accent-light);color:var(--color-accent)}.ui-badge-success{color:var(--color-success);background:#e6f4ea}.ui-badge-warning{color:var(--color-warning);background:#fff4e5}.ui-badge-danger{color:var(--color-danger);background:#fdecea}.ui-section{margin-bottom:var(--space-8)}.ui-section-title{font-size:var(--text-2xl);font-weight:600}.ui-section-subtitle{margin-top:var(--space-1);color:var(--color-text-muted)}