.app-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;outline:none;flex:none;justify-content:center;align-items:center;gap:8px;width:auto;font-family:inherit;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.app-btn:active:not(:disabled){transform:scale(.97)}.app-btn:disabled{opacity:.5;cursor:not-allowed}.app-btn:disabled:active{transform:none}.app-btn-xs{border-radius:8px;gap:5px;padding:6px 12px;font-size:12px}.app-btn-sm{border-radius:9px;gap:6px;padding:8px 16px;font-size:13px}.app-btn-md{padding:10px 20px;font-size:14px}.app-btn-lg{border-radius:12px;gap:10px;padding:13px 28px;font-size:15px}.app-btn-xl{border-radius:14px;gap:10px;padding:16px 36px;font-size:16px}.app-btn-full{width:100%}.app-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5a6fd6 100%);border-color:#0000;box-shadow:0 2px 8px #667eea40}.app-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6 0%,#4e63c7 100%);box-shadow:0 4px 14px #667eea59}.app-btn-primary:focus-visible{box-shadow:0 0 0 3px #667eea4d}.app-btn-secondary{color:#4a4a6a;background:#f0f2fa;border-color:#0000}.app-btn-secondary:hover:not(:disabled){background:#e4e7f5}.app-btn-secondary:focus-visible{box-shadow:0 0 0 3px #667eea26}.app-btn-outline{color:#667eea;background:#fff;border-color:#667eea}.app-btn-outline:hover:not(:disabled){background:#667eea0f}.app-btn-outline:focus-visible{box-shadow:0 0 0 3px #667eea26}.app-btn-ghost{color:#5a5a72;background:0 0;border-color:#0000}.app-btn-ghost:hover:not(:disabled){color:#667eea;background:#f0f2fa}.app-btn-ghost:focus-visible{box-shadow:0 0 0 3px #667eea1a}.app-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#0000;box-shadow:0 2px 8px #ef444440}.app-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#c81e1e 100%);box-shadow:0 4px 14px #ef444459}.app-btn-danger:focus-visible{box-shadow:0 0 0 3px #ef44444d}.app-btn-danger-outline{color:#ef4444;background:#fff;border-color:#ef4444}.app-btn-danger-outline:hover:not(:disabled){background:#ef44440f}.app-btn-danger-outline:focus-visible{box-shadow:0 0 0 3px #ef444426}.app-btn-success{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#0000;box-shadow:0 2px 8px #22c55e40}.app-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 14px #22c55e59}.app-btn-success:focus-visible{box-shadow:0 0 0 3px #22c55e4d}.app-btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#0000;box-shadow:0 2px 8px #f59e0b40}.app-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 4px 14px #f59e0b59}.app-btn-warning:focus-visible{box-shadow:0 0 0 3px #f59e0b4d}.app-btn-loading{pointer-events:none;opacity:.75}.app-btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite appBtnSpin}.app-btn-lg .app-btn-spinner,.app-btn-xl .app-btn-spinner{width:18px;height:18px}@keyframes appBtnSpin{to{transform:rotate(360deg)}}.app-icon-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:all .2s;display:inline-flex}.app-icon-btn:active:not(:disabled){transform:scale(.92)}.app-icon-btn:disabled{opacity:.5;cursor:not-allowed}.app-icon-btn-sm{border-radius:8px;width:32px;height:32px;font-size:13px}.app-icon-btn-md{width:40px;height:40px;font-size:15px}.app-icon-btn-lg{border-radius:12px;width:48px;height:48px;font-size:18px}.app-icon-btn-round{border-radius:50%}.app-icon-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5a6fd6 100%);box-shadow:0 2px 8px #667eea40}.app-icon-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6 0%,#4e63c7 100%);box-shadow:0 4px 14px #667eea59}.app-icon-btn-secondary{color:#5a5a72;background:#f0f2fa}.app-icon-btn-secondary:hover:not(:disabled){color:#667eea;background:#e4e7f5}.app-icon-btn-ghost{color:#8c8c9e;background:0 0}.app-icon-btn-ghost:hover:not(:disabled){color:#667eea;background:#f0f2fa}.app-icon-btn-outline{color:#667eea;background:#fff;border-color:#d0d3e0}.app-icon-btn-outline:hover:not(:disabled){background:#667eea0a;border-color:#667eea}.app-icon-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef444440}.app-icon-btn-danger:hover:not(:disabled){box-shadow:0 4px 14px #ef444459}