.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:#68a691}.btn--primary:hover:not(:disabled){opacity:.9}.btn--secondary{color:#374151;background:#ffe5d4;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background:#d1d5db}.btn--danger{color:#fff;background:#ef4444}.btn--danger:hover:not(:disabled){opacity:.9}.btn--ghost{color:#374151;background:0 0}.btn--ghost:hover:not(:disabled){background:#ffe5d4}.btn--sm{padding:6px 12px;font-size:14px}.btn--md{padding:10px 18px;font-size:16px}.btn--lg{padding:14px 24px;font-size:18px}
.input{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:16px;transition:border-color .15s}.input::placeholder{color:#6b7280}.input:focus{border-color:#68a691}.input:disabled{cursor:not-allowed;opacity:.6;background:#ffe5d4}
.modal-overlay{z-index:100;background:#0006;position:fixed;inset:0}.modal{z-index:101;background:#fff;border-radius:10px;width:90vw;min-width:360px;max-width:560px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000001f}.modal__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal__title{color:#2d4f44;font-size:22px;font-weight:600}.modal__close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px}.modal__close:hover{color:#374151}.modal__body{color:#374151;font-size:16px}