.cl-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--cl-space-3) var(--cl-space-5);font-family:var(--cl-font-family);font-size:var(--cl-font-size-base);font-weight:var(--cl-font-weight-semibold);line-height:var(--cl-line-height-tight);text-decoration:none;border-radius:var(--cl-radius-lg);border:none;cursor:pointer;transition:all var(--cl-transition-base);min-height:44px;min-width:44px}.cl-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cl-btn--primary{background:linear-gradient(135deg,var(--cl-primary-500),var(--cl-secondary-500));color:#fff}.cl-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cl-shadow-lg)}.cl-btn--primary:active:not(:disabled){transform:translateY(0)}.cl-btn--secondary{background:var(--cl-gray-100);color:var(--cl-gray-700);border:var(--cl-border-width) solid var(--cl-gray-300)}.cl-btn--secondary:hover:not(:disabled){background:var(--cl-gray-200)}.cl-btn--ghost{background:transparent;color:var(--cl-gray-700)}.cl-btn--ghost:hover:not(:disabled){background:var(--cl-gray-100)}.cl-btn--danger{background:var(--cl-error);color:#fff}.cl-btn--danger:hover:not(:disabled){background:#c0392b}.cl-btn--full{width:100%}.cl-btn--sm{padding:var(--cl-space-2) var(--cl-space-3);font-size:var(--cl-font-size-sm);min-height:36px}.cl-btn--lg{padding:var(--cl-space-4) var(--cl-space-6);font-size:var(--cl-font-size-lg)}.cl-btn__icon{width:20px;height:20px;margin-right:var(--cl-space-2)}.cl-btn__icon--right{margin-right:0;margin-left:var(--cl-space-2)}.cl-btn--loading{position:relative;color:transparent!important;pointer-events:none}.cl-btn--loading:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;animation:cl-btn-dots .8s infinite ease-in-out;box-shadow:-12px 0 0 0 currentColor,12px 0 0 0 currentColor}.cl-btn--primary.cl-btn--loading:after{background:#fff;box-shadow:-12px 0 #fff,12px 0 #fff}@keyframes cl-btn-dots{0%,80%,to{transform:scale(.6);opacity:.75}40%{transform:scale(1);opacity:1}}.cl-card{background:#fff;border-radius:var(--cl-radius-2xl);padding:var(--cl-space-6);box-shadow:var(--cl-shadow-lg)}.cl-card--bordered{box-shadow:none;border:var(--cl-border-width) solid var(--cl-gray-200)}.cl-card__header{margin-bottom:var(--cl-space-4)}.cl-card__title{font-size:var(--cl-font-size-xl);font-weight:var(--cl-font-weight-semibold);color:var(--cl-gray-900);margin:0}.cl-card__subtitle{font-size:var(--cl-font-size-sm);color:var(--cl-gray-600);margin-top:var(--cl-space-1)}.cl-form-group{margin-bottom:var(--cl-space-4)}.cl-label{display:block;font-size:var(--cl-font-size-sm);font-weight:var(--cl-font-weight-medium);color:var(--cl-gray-700);margin-bottom:var(--cl-space-2)}.cl-label--required:after{content:" *";color:var(--cl-error)}.cl-input{width:100%;padding:var(--cl-space-3) var(--cl-space-4);font-family:var(--cl-font-family);font-size:var(--cl-font-size-base);color:var(--cl-gray-900);background:#fff;border:var(--cl-border-width-2) solid var(--cl-gray-200);border-radius:var(--cl-radius-lg);transition:border-color var(--cl-transition-fast),box-shadow var(--cl-transition-fast);min-height:44px}.cl-input:focus{outline:none;border-color:var(--cl-primary-500);box-shadow:0 0 0 3px #667eea26}.cl-input:disabled{background:var(--cl-gray-100);cursor:not-allowed}.cl-input--error{border-color:var(--cl-error)}.cl-input--error:focus{box-shadow:0 0 0 3px #d6303126}.cl-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--cl-space-4) center;padding-right:var(--cl-space-10)}.cl-textarea{min-height:100px;resize:vertical}.cl-helper-text{font-size:var(--cl-font-size-xs);color:var(--cl-gray-600);margin-top:var(--cl-space-1)}.cl-error-text{font-size:var(--cl-font-size-xs);color:var(--cl-error);margin-top:var(--cl-space-1)}.cl-checkbox,.cl-radio{display:flex;align-items:center;cursor:pointer;min-height:44px}.cl-checkbox input,.cl-radio input{width:20px;height:20px;margin-right:var(--cl-space-3);cursor:pointer}.cl-toast-container{position:fixed;bottom:calc(var(--cl-space-4) + var(--cl-safe-bottom));left:var(--cl-space-4);right:var(--cl-space-4);z-index:var(--cl-z-toast);display:flex;flex-direction:column;gap:var(--cl-space-2);pointer-events:none}.cl-toast{padding:var(--cl-space-3) var(--cl-space-4);border-radius:var(--cl-radius-lg);font-size:var(--cl-font-size-sm);font-weight:var(--cl-font-weight-medium);transform:translateY(100px);opacity:0;transition:all var(--cl-transition-base);pointer-events:auto;display:flex;align-items:center;gap:var(--cl-space-2)}.cl-toast--visible{transform:translateY(0);opacity:1}.cl-toast--success{background:var(--cl-success);color:#fff}.cl-toast--error{background:var(--cl-error);color:#fff}.cl-toast--warning{background:var(--cl-warning);color:#fff}.cl-toast--info{background:var(--cl-info);color:#fff}.cl-toast--offline{background:var(--cl-gray-800);color:#fff}.cl-alert{padding:var(--cl-space-3) var(--cl-space-4);border-radius:var(--cl-radius-lg);font-size:var(--cl-font-size-sm);margin-bottom:var(--cl-space-4)}.cl-alert--success{background:var(--cl-success-light);color:#155724;border:1px solid #c3e6cb}.cl-alert--error{background:var(--cl-error-light);color:#721c24;border:1px solid #f5c6cb}.cl-alert--warning{background:var(--cl-warning-light);color:#856404;border:1px solid #ffeeba}.cl-alert--info{background:#e7f3ff;color:#004085;border:1px solid #b8daff}.cl-spinner{position:relative;display:inline-block;width:5px;height:20px;background:var(--cl-primary-500);border-radius:3px;animation:cl-loading-bars .8s infinite ease-in-out;animation-delay:-.16s}.cl-spinner:before,.cl-spinner:after{content:"";position:absolute;top:0;width:5px;height:100%;background:inherit;border-radius:3px;animation:cl-loading-bars .8s infinite ease-in-out}.cl-spinner:before{left:-9px;animation-delay:-.32s}.cl-spinner:after{left:9px;animation-delay:0s}.cl-spinner--sm{width:3px;height:14px;border-radius:2px}.cl-spinner--sm:before,.cl-spinner--sm:after{width:3px;border-radius:2px}.cl-spinner--sm:before{left:-6px}.cl-spinner--sm:after{left:6px}.cl-spinner--lg{width:7px;height:32px;border-radius:4px}.cl-spinner--lg:before,.cl-spinner--lg:after{width:7px;border-radius:4px}.cl-spinner--lg:before{left:-13px}.cl-spinner--lg:after{left:13px}@keyframes cl-loading-bars{0%,80%,to{transform:scaleY(.4)}40%{transform:scaleY(1)}}.cl-loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--cl-z-modal);gap:var(--cl-space-4)}.cl-loading-overlay__text{font-size:var(--cl-font-size-sm);color:var(--cl-gray-600)}.cl-badge{display:inline-flex;align-items:center;padding:var(--cl-space-1) var(--cl-space-2);font-size:var(--cl-font-size-xs);font-weight:var(--cl-font-weight-medium);border-radius:var(--cl-radius-full);background:var(--cl-gray-200);color:var(--cl-gray-700)}.cl-badge--primary{background:#667eea26;color:var(--cl-primary-600)}.cl-badge--success{background:#00b89426;color:#00896f}.cl-badge--warning{background:#f39c1226;color:#b37400}.cl-badge--error{background:#d6303126;color:#a82829}.cl-divider{height:1px;background:var(--cl-gray-200);margin:var(--cl-space-4) 0;border:none}.cl-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--cl-z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--cl-transition-base)}.cl-modal-backdrop--visible{opacity:1;visibility:visible}.cl-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#fff;border-radius:var(--cl-radius-2xl);padding:var(--cl-space-6);width:calc(100% - var(--cl-space-8));max-width:400px;max-height:calc(100vh - var(--cl-space-8));overflow-y:auto;z-index:var(--cl-z-modal);opacity:0;visibility:hidden;transition:all var(--cl-transition-base)}.cl-modal--visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.cl-modal__header{margin-bottom:var(--cl-space-4)}.cl-modal__title{font-size:var(--cl-font-size-lg);font-weight:var(--cl-font-weight-semibold);margin:0}.cl-modal__close{position:absolute;top:var(--cl-space-4);right:var(--cl-space-4);background:none;border:none;padding:var(--cl-space-2);cursor:pointer;color:var(--cl-gray-500);border-radius:var(--cl-radius-md)}.cl-modal__close:hover{background:var(--cl-gray-100);color:var(--cl-gray-700)}.cl-modal__body{margin-bottom:var(--cl-space-4)}.cl-modal__footer{display:flex;gap:var(--cl-space-3);justify-content:flex-end}.cl-offline-banner{position:fixed;top:var(--cl-safe-top);left:0;right:0;background:var(--cl-gray-800);color:#fff;padding:var(--cl-space-2) var(--cl-space-4);font-size:var(--cl-font-size-sm);text-align:center;z-index:var(--cl-z-fixed);transform:translateY(-100%);transition:transform var(--cl-transition-base)}.cl-offline-banner--visible{transform:translateY(0)}.cl-sync-status{display:inline-flex;align-items:center;gap:var(--cl-space-2);font-size:var(--cl-font-size-xs);color:var(--cl-gray-600)}.cl-sync-status__dot{width:8px;height:8px;border-radius:50%;background:var(--cl-success)}.cl-sync-status__dot--pending{background:var(--cl-warning);animation:cl-pulse 1.5s ease-in-out infinite}.cl-sync-status__dot--offline{background:var(--cl-gray-400)}@keyframes cl-pulse{0%,to{opacity:1}50%{opacity:.5}}