:root{--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #667EEA;--color-primary-600: #764BA2;--color-primary-700: #5B21B6;--color-primary-800: #4C1D95;--color-primary-900: #1F2A40;--color-accent-50: #FFFBEB;--color-accent-100: #FEF3C7;--color-accent-200: #FDE68A;--color-accent-300: #FCD34D;--color-accent-400: #FBBF24;--color-accent-500: #F59E0B;--color-accent-600: #D97706;--color-accent-700: #B45309;--color-accent-800: #92400E;--color-accent-900: #78350F;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-500: #FBBF24;--color-warning-600: #F59E0B;--color-warning-700: #D97706;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1D4ED8;--color-surface: #FFFFFF;--color-bg: #F4F6F8;--color-border: #E5E7EB;--color-text: #111827;--color-text-muted: #6B7280;--color-accent: #F59E0B;--color-success: #10B981;--color-danger: #EF4444;--color-warning: #FBBF24;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Inter", system-ui, -apple-system, sans-serif;--font-family-mono: "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-primary: 0 10px 40px rgba(102, 126, 234, .3);--shadow-accent: 0 10px 40px rgba(245, 158, 11, .3);--shadow-success: 0 10px 40px rgba(16, 185, 129, .3);--shadow-error: 0 10px 40px rgba(239, 68, 68, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--spacing-responsive-xs: clamp(.5rem, 2vw, .75rem);--spacing-responsive-sm: clamp(.75rem, 3vw, 1rem);--spacing-responsive-md: clamp(1rem, 4vw, 1.5rem);--spacing-responsive-lg: clamp(1.5rem, 5vw, 2rem);--spacing-responsive-xl: clamp(2rem, 6vw, 3rem);--fluid-text-xs: clamp(.7rem, .8vw, .75rem);--fluid-text-sm: clamp(.8rem, 1vw, .875rem);--fluid-text-base: clamp(.9rem, 1.2vw, 1rem);--fluid-text-lg: clamp(1rem, 1.5vw, 1.125rem);--fluid-text-xl: clamp(1.1rem, 2vw, 1.25rem);--fluid-text-2xl: clamp(1.3rem, 2.5vw, 1.5rem);--fluid-text-3xl: clamp(1.6rem, 3vw, 1.875rem);--fluid-text-4xl: clamp(1.9rem, 4vw, 2.25rem);--fluid-text-5xl: clamp(2.3rem, 5vw, 3rem);--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--card-padding-sm: 1rem;--card-padding-md: 1.5rem;--card-padding-lg: 2rem;--topbar-height: 64px;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--overlay-bg: rgba(0, 0, 0, .5);--overlay-bg-dark: rgba(0, 0, 0, .7);--overlay-bg-light: rgba(0, 0, 0, .3)}.glass{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0000001a;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.2)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--color-accent-400) 0%,var(--color-accent-500) 100%)}.gradient-success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-slide-down{animation:slideDown var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}.form-responsive{width:100%}.form-responsive .form-group{margin-bottom:var(--spacing-4)}@media (min-width: 640px){.form-responsive .form-group{margin-bottom:var(--spacing-5)}}.form-responsive label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}@media (min-width: 640px){.form-responsive label{font-size:var(--text-base)}}.form-responsive input,.form-responsive select,.form-responsive textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:16px;border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}@media (min-width: 640px){.form-responsive input,.form-responsive select,.form-responsive textarea{font-size:var(--text-sm)}}@media (min-width: 768px){.form-responsive input,.form-responsive select,.form-responsive textarea{padding:var(--spacing-3) var(--spacing-4)}}.form-responsive input:focus,.form-responsive select:focus,.form-responsive textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #667eea1a}.form-responsive input:disabled,.form-responsive select:disabled,.form-responsive textarea:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-responsive input.error,.form-responsive select.error,.form-responsive textarea.error{border-color:var(--color-error-500)}.form-responsive input.error:focus,.form-responsive select.error:focus,.form-responsive textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-responsive textarea{min-height:100px;resize:vertical}@media (min-width: 640px){.form-responsive textarea{min-height:120px}}.form-responsive .form-error{display:block;color:var(--color-error-500);font-size:var(--text-xs);margin-top:var(--spacing-2);font-weight:var(--font-medium)}@media (min-width: 640px){.form-responsive .form-error{font-size:var(--text-sm)}}.form-responsive .form-hint{display:block;color:var(--color-gray-500);font-size:var(--text-xs);margin-top:var(--spacing-1)}@media (min-width: 640px){.form-responsive .form-hint{font-size:var(--text-sm)}}.form-responsive .form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 640px){.form-responsive .form-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.form-responsive .form-row{gap:var(--spacing-6)}}@media (min-width: 1024px){.form-responsive .form-row.form-row-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.form-responsive .form-row.form-row-4{grid-template-columns:repeat(4,1fr)}}.form-responsive .form-actions{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-6)}@media (min-width: 640px){.form-responsive .form-actions{flex-direction:row;justify-content:flex-end}}.form-responsive .form-actions button{width:100%;min-height:44px}@media (min-width: 640px){.form-responsive .form-actions button{width:auto;min-width:120px}}.list-responsive{width:100%}.list-responsive .list-header{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}@media (min-width: 640px){.list-responsive .list-header{flex-direction:row;justify-content:space-between;align-items:center}}.list-responsive .list-header .list-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}@media (min-width: 768px){.list-responsive .list-header .list-title{font-size:var(--text-2xl)}}.list-responsive .list-header .list-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.list-responsive .list-header .list-actions button{flex:1;min-width:fit-content}@media (min-width: 640px){.list-responsive .list-header .list-actions button{flex:initial}}.list-responsive .list-filters{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}@media (min-width: 640px){.list-responsive .list-filters{flex-direction:row;flex-wrap:wrap}}.list-responsive .list-filters .search-box{flex:1;min-width:200px}.list-responsive .list-filters .search-box input{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-left:var(--spacing-10);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:16px}@media (min-width: 640px){.list-responsive .list-filters .search-box input{font-size:var(--text-sm)}}.list-responsive .list-filters .filter-group{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.list-responsive .list-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}@media (min-width: 640px){.list-responsive .list-stats{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.list-responsive .list-stats{grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}}.list-responsive .list-stats .stat-item{padding:var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center}@media (min-width: 768px){.list-responsive .list-stats .stat-item{padding:var(--spacing-4)}}.list-responsive .list-stats .stat-item .stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);display:block}@media (min-width: 768px){.list-responsive .list-stats .stat-item .stat-value{font-size:var(--text-2xl)}}.list-responsive .list-stats .stat-item .stat-label{font-size:var(--text-xs);color:var(--color-gray-600);margin-top:var(--spacing-1)}@media (min-width: 768px){.list-responsive .list-stats .stat-item .stat-label{font-size:var(--text-sm)}}.modal-responsive .modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal)}.modal-responsive .modal-content{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}@media (min-width: 640px){.modal-responsive .modal-content{max-width:600px}}@media (min-width: 768px){.modal-responsive .modal-content{max-width:700px}}.modal-responsive .modal-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.modal-responsive .modal-header{padding:var(--spacing-6)}}.modal-responsive .modal-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin:0}@media (min-width: 768px){.modal-responsive .modal-header h2{font-size:var(--text-xl)}}.modal-responsive .modal-header .close-btn{padding:var(--spacing-2);min-width:44px;min-height:44px}.modal-responsive .modal-body{padding:var(--spacing-4)}@media (min-width: 768px){.modal-responsive .modal-body{padding:var(--spacing-6)}}.modal-responsive .modal-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-3)}@media (min-width: 640px){.modal-responsive .modal-footer{flex-direction:row;justify-content:flex-end}}@media (min-width: 768px){.modal-responsive .modal-footer{padding:var(--spacing-6)}}.modal-responsive .modal-footer button{width:100%;min-height:44px}@media (min-width: 640px){.modal-responsive .modal-footer button{width:auto;min-width:100px}}.page-responsive{width:100%;padding:var(--spacing-4)}@media (min-width: 640px){.page-responsive{padding:var(--spacing-6)}}@media (min-width: 768px){.page-responsive{padding:var(--spacing-8)}}@media (min-width: 1024px){.page-responsive{max-width:1600px;margin:0 auto}}.page-responsive .page-header{margin-bottom:var(--spacing-6)}@media (min-width: 768px){.page-responsive .page-header{margin-bottom:var(--spacing-8)}}.page-responsive .page-header .page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--spacing-2) 0}@media (min-width: 768px){.page-responsive .page-header .page-title{font-size:var(--text-3xl)}}@media (min-width: 1024px){.page-responsive .page-header .page-title{font-size:var(--text-4xl)}}.page-responsive .page-header .page-subtitle{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}@media (min-width: 768px){.page-responsive .page-header .page-subtitle{font-size:var(--text-base)}}.page-responsive .page-content{display:flex;flex-direction:column;gap:var(--spacing-6)}@media (min-width: 768px){.page-responsive .page-content{gap:var(--spacing-8)}}.grid-responsive-1{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-responsive-1{gap:var(--spacing-6)}}@media (min-width: 768px){.grid-responsive-1{grid-template-columns:repeat(1,1fr)}}@media (min-width: 1024px){.grid-responsive-1{grid-template-columns:repeat(1,1fr);gap:var(--spacing-8)}}@media (min-width: 1280px){.grid-responsive-1{grid-template-columns:repeat(1,1fr)}}.grid-responsive-2{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-responsive-2{gap:var(--spacing-6)}}@media (min-width: 768px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive-2{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}}@media (min-width: 1280px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}.grid-responsive-3{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-responsive-3{gap:var(--spacing-6)}}@media (min-width: 768px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive-3{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}@media (min-width: 1280px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}.grid-responsive-4{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-responsive-4{gap:var(--spacing-6)}}@media (min-width: 768px){.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive-4{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}@media (min-width: 1280px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}@media (hover: none) and (pointer: coarse){button,a,input,select,textarea{min-height:44px}.hover\:scale:hover,.hover\:lift:hover{transform:none!important}*{-webkit-tap-highlight-color:rgba(102,126,234,.1)}}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}.show-desktop-only{display:none!important}@media (min-width: 1024px){.show-desktop-only{display:block!important}}.spacing-responsive{padding:var(--spacing-responsive-sm)}@media (min-width: 768px){.spacing-responsive{padding:var(--spacing-responsive-md)}}@media (min-width: 1024px){.spacing-responsive{padding:var(--spacing-responsive-lg)}}.text-responsive-sm{font-size:var(--fluid-text-sm)}.text-responsive-base{font-size:var(--fluid-text-base)}.text-responsive-lg{font-size:var(--fluid-text-lg)}.text-responsive-xl{font-size:var(--fluid-text-xl)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-4)}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.table-responsive table{min-width:100%;border-collapse:collapse}@media (max-width: 767px){.table-responsive table{min-width:800px}}*{box-sizing:border-box}:root{background:var(--color-bg);color:var(--color-text)}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--spacing-4);line-height:var(--leading-relaxed)}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-600)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;transition:all var(--transition-base)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.text-left{text-align:left}.text-right{text-align:right}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}.font-normal{font-weight:var(--font-normal)}.text-accent{color:var(--color-accent-500)}.text-success{color:var(--color-success-500)}.text-error{color:var(--color-error-500)}.text-warning{color:var(--color-warning-500)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media (max-width: 640px){.hide-sm{display:none!important}}@media (max-width: 768px){.hide-md{display:none!important}}@media (max-width: 1024px){.hide-lg{display:none!important}}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:18px;height:18px;stroke-width:2}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary svg{width:18px;height:18px;stroke-width:2}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #667eea66;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-secondary svg{width:18px;height:18px;stroke-width:2}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-success svg{width:18px;height:18px;stroke-width:2}.btn-success:hover:not(:disabled){box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--color-error-500) 0%,var(--color-error-600) 100%);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-danger svg{width:18px;height:18px;stroke-width:2}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-xs)}.btn-sm svg{width:14px;height:14px}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-base)}.btn-lg svg{width:20px;height:20px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-4{gap:var(--spacing-4)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.text-center{text-align:center}.text-primary{color:var(--color-primary-500)}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:var(--font-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:var(--radius-lg)}.shadow-md{box-shadow:var(--shadow-md)}.w-full{width:100%}.transition{transition:all var(--transition-base)}