.btn{padding:.875rem 1.75rem;justify-content:center;font-size:var(--font-size-base);border:2px solid transparent;text-decoration:none;font-weight:600;transition:all var(--transition-base);gap:.5rem;text-align:center;align-items:center;border-radius:var(--radius-xl);cursor:pointer;line-height:1;white-space:nowrap;display:inline-flex}.btn-primary{color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3);background:linear-gradient(135deg,var(--primary-gradient-start) 0,var(--primary-gradient-end) 100%)}.btn-primary:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-outline{border-color:var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline:hover{color:#fff;background:var(--primary-color)}.btn-white{color:var(--primary-color);box-shadow:var(--shadow-md);background:#fff}.btn-white:hover{transform:translateY(-2px);color:var(--primary-dark);box-shadow:var(--shadow-lg)}.btn-lg{padding:1.125rem 2.25rem;font-size:var(--font-size-lg)}.btn-sm{padding:.625rem 1.25rem;font-size:var(--font-size-sm)}.btn-icon{height:3rem;padding:0;border-radius:var(--radius-full);width:3rem}.card{overflow:hidden;border:2px solid var(--bg-gray);transition:all var(--transition-base);border-radius:var(--radius-2xl);background:#fff}.card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.card-header{overflow:hidden;padding:2rem;position:relative;background:linear-gradient(135deg,var(--primary-gradient-start) 0,var(--primary-gradient-end) 100%)}.card-header:before{height:200px;right:-20%;content:"";position:absolute;top:-50%;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);width:200px}.card-body,.card-footer{padding:1.5rem}.card-footer{border-top:1px solid var(--bg-gray)}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem;color:var(--text-primary);display:block}.form-control{padding:.875rem 1rem;font-size:var(--font-size-base);border:2px solid var(--bg-gray);color:var(--text-primary);transition:all var(--transition-fast);background-color:#fff;border-radius:var(--radius-lg);width:100%;line-height:1.5}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-control::placeholder{color:var(--text-light)}textarea.form-control{min-height:120px;resize:vertical}.badge{padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;align-items:center;border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-primary{color:var(--primary-color);background:rgba(102,126,234,.1)}.badge-success{color:var(--accent-success);background:rgba(72,187,120,.1)}.badge-gradient{color:#fff;background:linear-gradient(135deg,var(--primary-gradient-start) 0,var(--primary-gradient-end) 100%)}.section-header{margin-bottom:var(--spacing-2xl);text-align:center}.section-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.breadcrumb{list-style:none;padding:0;flex-wrap:wrap;margin:0}.breadcrumb,.breadcrumb-item{gap:.75rem;align-items:center;display:flex}.breadcrumb-item{font-size:var(--font-size-sm)}.breadcrumb-item a{color:var(--text-secondary);transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--primary-color)}.breadcrumb-item.active{font-weight:600;color:var(--text-primary)}.breadcrumb-item+.breadcrumb-item:before{color:var(--text-light);content:"/"}.pagination{list-style:none;padding:0;justify-content:center;gap:.5rem;margin:var(--spacing-xl) 0;align-items:center;display:flex}.page-item{display:inline-block}.page-link{height:2.5rem;padding:0 .75rem;justify-content:center;font-size:var(--font-size-sm);border:2px solid var(--bg-gray);font-weight:600;color:var(--text-primary);transition:all var(--transition-fast);min-width:2.5rem;align-items:center;border-radius:var(--radius-lg);background:#fff;display:flex}.page-link:hover{border-color:var(--primary-color);transform:translateY(-2px);color:#fff;background:var(--primary-color)}.page-item.active .page-link{border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3);background:linear-gradient(135deg,var(--primary-gradient-start) 0,var(--primary-gradient-end) 100%)}.page-item.disabled .page-link{pointer-events:none;opacity:.5}.alert{border-left:4px solid;padding:1rem 1.5rem;margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.alert-success{border-color:var(--accent-success);color:var(--accent-success);background:rgba(72,187,120,.1)}.alert-error{border-color:var(--accent-error);color:var(--accent-error);background:hsla(0,88%,68%,.1)}.alert-info{border-color:var(--accent-info);color:var(--accent-info);background:rgba(66,153,225,.1)}.spinner{animation:spin .8s linear infinite;height:2rem;border:3px solid rgba(102,126,234,.2);border-top:3px solid var(--primary-color);border-radius:50%;width:2rem;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:767px){.btn{padding:.75rem 1.5rem;font-size:var(--font-size-sm)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-base)}.section-title{font-size:var(--font-size-3xl)}.card-body,.card-footer,.card-header{padding:1.25rem}}