.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-h);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none;text-decoration:none}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-fg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-fg)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-fg)}.btn-success:hover:not(:disabled){background:var(--btn-success-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-fg)}.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-info{background:var(--btn-info-bg);color:var(--btn-info-fg)}.btn-info:hover:not(:disabled){background:var(--btn-info-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{height:var(--btn-h-sm);padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:var(--btn-h-lg);padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{width:var(--btn-h);padding:0}.btn-icon.btn-sm{width:var(--btn-h-sm)}.btn-icon.btn-lg{width:var(--btn-h-lg)}.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="tel"],input[type="url"],input[type="date"],input[type="time"],input[type="datetime-local"],textarea,select{width:100%;height:var(--input-h);padding:0 var(--space-3);font-size:var(--text-sm);color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--input-placeholder)}.form-control:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}textarea{min-height:100px;padding:var(--space-3);resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-8)}.input-group{display:flex;gap:var(--space-2)}.input-group .form-control{flex:1}.card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.card-header{background:transparent;border-bottom-color:var(--border-primary)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card-body{color:var(--text-secondary)}.card-footer{background:transparent;border-top-color:var(--border-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full)}.badge-primary{background:rgba(var(--primary-rgb),0.1);color:var(--primary)}.badge-success{background:rgba(var(--success-rgb),0.1);color:var(--success)}.badge-danger{background:rgba(var(--danger-rgb),0.1);color:var(--danger)}.badge-warning{background:rgba(var(--warning-rgb),0.1);color:var(--warning)}.badge-info{background:rgba(var(--info-rgb),0.1);color:var(--info)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.alert-info{background:rgba(var(--info-rgb),0.1);border:1px solid var(--info);color:var(--text-primary)}.alert-success{background:rgba(var(--success-rgb),0.1);border:1px solid var(--success);color:var(--text-primary)}.alert-warning{background:rgba(var(--warning-rgb),0.1);border:1px solid var(--warning);color:var(--text-primary)}.alert-danger{background:rgba(var(--danger-rgb),0.1);border:1px solid var(--danger);color:var(--text-primary)}.tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-6)}.tab-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:var(--z-modal-backdrop);backdrop-filter:blur(4px)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6);border-top:1px solid var(--border-primary)}.pagination{display:flex;gap:var(--space-2);align-items:center}.page-item{list-style:none}.page-link{display:flex;align-items:center;justify-content:center;min-width:var(--btn-h);height:var(--btn-h);padding:0 var(--space-3);color:var(--text-primary);background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.page-link:hover{background:var(--surface-hover);border-color:var(--primary)}.page-item.active .page-link{background:var(--primary);color:#ffffff;border-color:var(--primary)}.page-item.disabled .page-link{opacity:0.5;cursor:not-allowed}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-primary);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}