.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:800;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-lg{height:52px;min-width:140px;padding:0 28px;font-size:16px}.btn-md{height:46px;min-width:110px;padding:0 22px;font-size:15px}.btn-sm{height:38px;min-width:80px;padding:0 16px;font-size:13px}.btn:not(.btn-lg):not(.btn-md):not(.btn-sm){height:46px;min-width:110px;padding:0 22px;font-size:15px}.btn-primary{background:var(--color-primary-gradient);border-color:transparent;color:#fff;box-shadow:0 10px 24px #af7de738}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 14px 30px #af7de74d;transform:translateY(-2px)}.btn-primary:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}.btn-outline{background:var(--color-surface);border-color:var(--color-primary-border);color:var(--color-primary-text)}.btn-outline:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary-text)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-neutral{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-neutral:hover{background:var(--color-surface-secondary);border-color:var(--color-border-strong);color:var(--color-text-strong)}@media (max-width: 767.98px){.btn-lg{height:48px;min-width:120px;padding:0 22px;font-size:15px}.btn-md,.btn:not(.btn-lg):not(.btn-md):not(.btn-sm){height:40px;min-width:40px;font-size:14px;border-radius:var(--radius-pill)}.btn-sm{height:36px;min-width:72px;padding:0 14px;font-size:12px}}.badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;line-height:1;letter-spacing:.02em}.badge-primary{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);color:var(--color-primary-text)}.badge-success{background:#16a34a1a;color:var(--color-success)}.badge-warning{background:#d977061f;color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-dark{background:#111111bf;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input,.select,.textarea{width:100%;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-strong);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input,.select{height:48px;padding:0 16px;border-radius:var(--radius-pill);font-size:14px}.textarea{min-height:120px;padding:14px 16px;border-radius:var(--radius-md);resize:vertical;font-size:14px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--color-text-disabled)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-surface)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-secondary);cursor:not-allowed;opacity:.65}.divider{width:100%;height:1px;background:var(--color-border)}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--color-primary-gradient);z-index:9999;transition:width .3s ease,opacity .3s ease;opacity:0}.loading-bar.is-active{opacity:1}.loading-bar.is-done{width:100%;opacity:0}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffa6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;pointer-events:none;transition:opacity .2s ease}.loading-overlay.is-active{opacity:1;pointer-events:all}