@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary-50: #f5f7ff;--color-primary-100: #ebf0ff;--color-primary-200: #d6e0ff;--color-primary-300: #b3c7ff;--color-primary-400: #8aa3ff;--color-primary-500: #667eea;--color-primary-600: #5568d3;--color-primary-700: #4451b8;--color-primary-800: #363d9d;--color-primary-900: #2a2f7f;--color-secondary-50: #f5f3f7;--color-secondary-100: #ebe7ef;--color-secondary-200: #d7cfdf;--color-secondary-300: #c3b7cf;--color-secondary-400: #9f8db0;--color-secondary-500: #764ba2;--color-secondary-600: #643d8a;--color-secondary-700: #523272;--color-secondary-800: #40265a;--color-secondary-900: #2e1b42;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--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-white: #ffffff;--color-black: #000000;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--gradient-background-light: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-background-primary: var(--color-white);--color-background-secondary: var(--color-gray-50);--color-background-tertiary: var(--color-gray-100);--color-background-disabled: var(--color-gray-200);--color-border-primary: var(--color-gray-300);--color-border-secondary: var(--color-gray-200);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--color-border-success: var(--color-success-500)}:root{--font-family-primary: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--text-transform-none: none;--text-transform-uppercase: uppercase;--text-transform-lowercase: lowercase;--text-transform-capitalize: capitalize}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-18: 4.5rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-n1: -.25rem;--spacing-n2: -.5rem;--spacing-n3: -.75rem;--spacing-n4: -1rem;--spacing-n5: -1.25rem;--spacing-n6: -1.5rem;--spacing-n8: -2rem;--spacing-n10: -2.5rem;--spacing-n12: -3rem;--spacing-n16: -4rem;--spacing-n20: -5rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--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-none: none;--shadow-primary: 0 10px 15px -3px rgba(102, 126, 234, .3), 0 4px 6px -2px rgba(102, 126, 234, .15);--shadow-secondary: 0 10px 15px -3px rgba(118, 75, 162, .3), 0 4px 6px -2px rgba(118, 75, 162, .15);--shadow-success: 0 10px 15px -3px rgba(16, 185, 129, .3), 0 4px 6px -2px rgba(16, 185, 129, .15);--shadow-error: 0 10px 15px -3px rgba(239, 68, 68, .3), 0 4px 6px -2px rgba(239, 68, 68, .15);--shadow-warning: 0 10px 15px -3px rgba(245, 158, 11, .3), 0 4px 6px -2px rgba(245, 158, 11, .15);--shadow-info: 0 10px 15px -3px rgba(59, 130, 246, .3), 0 4px 6px -2px rgba(59, 130, 246, .15);--focus-ring: 0 0 0 3px rgba(102, 126, 234, .3);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .3);--focus-ring-success: 0 0 0 3px rgba(16, 185, 129, .3);--focus-ring-warning: 0 0 0 3px rgba(245, 158, 11, .3);--outline-none: 0;--outline-white: 2px solid rgba(255, 255, 255, .5);--outline-black: 2px solid rgba(0, 0, 0, .5)}:root{--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .7s;--ease-linear: linear;--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);--ease-in-back: cubic-bezier(.6, -.28, .735, .045);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-snappy: cubic-bezier(.4, 0, .6, 1);--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-in-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-slower: var(--duration-slower) var(--ease-in-out);--transition-all: all var(--transition-base);--transition-colors: background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);--transition-opacity: opacity var(--transition-base);--transition-shadow: box-shadow var(--transition-base);--transition-transform: transform var(--transition-base);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-notification: 1080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@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 slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton,.spinner,.loading{animation-duration:.01ms!important}}@media (prefers-reduced-motion: no-preference){.animate-transform,.animate-opacity,.card-interactive,.btn,.modal,[class*=animate-],[class*=transition-]{will-change:transform,opacity}.animate-complete{will-change:auto}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.gpu-accelerate{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);min-height:32px}.btn-md{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);min-height:40px}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:48px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-secondary-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-500);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-700)}.btn-outline:active:not(:disabled){background:var(--color-primary-100)}.btn-ghost{background:transparent;color:var(--color-gray-700);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-900)}.btn-ghost:active:not(:disabled){background:var(--color-gray-200)}.btn-danger{background:var(--color-error-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btn-spin .6s linear infinite;color:#fff}.btn-outline.btn-loading:after,.btn-ghost.btn-loading:after{color:var(--color-primary-600)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-full{width:100%}.btn-icon-left{flex-direction:row}.btn-icon-right{flex-direction:row-reverse}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-icon-only{padding:var(--spacing-2);min-width:40px}.btn-icon-only.btn-sm{padding:var(--spacing-2);min-width:32px}.btn-icon-only.btn-lg{padding:var(--spacing-3);min-width:48px}.btn-group{display:inline-flex;gap:var(--spacing-2)}.btn-group .btn{margin:0}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width var(--transition-fast),height var(--transition-fast)}.btn:active:not(:disabled):before{width:100%;height:100%;transition:width 0s,height 0s}.input-container{position:relative;width:100%;margin-bottom:var(--spacing-4)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);box-sizing:border-box}.input::placeholder{color:var(--color-gray-400);transition:opacity var(--transition-base)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #667eea1a}.input:focus::placeholder{opacity:.5}.input-floating{padding-top:var(--spacing-5);padding-bottom:var(--spacing-2)}.input-label{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);color:var(--color-gray-500);pointer-events:none;transition:all var(--transition-base);background:white;padding:0 var(--spacing-1)}.input-floating:focus~.input-label,.input-floating:not(:placeholder-shown)~.input-label,.input-floating.has-value~.input-label{top:0;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-primary-600)}.input-icon-left{padding-left:var(--spacing-10)}.input-icon-right{padding-right:var(--spacing-10)}.input-icon{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-gray-400);pointer-events:none;transition:color var(--transition-base)}.input-icon-left-pos{left:var(--spacing-4)}.input-icon-right-pos{right:var(--spacing-4)}.input:focus~.input-icon{color:var(--color-primary-500)}.input-error{border-color:var(--color-error-500)}.input-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px #ef44441a}.input-error~.input-icon{color:var(--color-error-500)}.input-error-message{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-error-600)}.input-error-icon{width:16px;height:16px;flex-shrink:0}.input-success{border-color:var(--color-success-500)}.input-success:focus{border-color:var(--color-success-500);box-shadow:0 0 0 3px #10b9811a}.input-success~.input-icon{color:var(--color-success-500)}.input-success-message{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-success-600)}.input-success-icon{width:16px;height:16px;flex-shrink:0}.input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;border-color:var(--color-gray-200)}.input:disabled~.input-label{color:var(--color-gray-400)}.input:disabled~.input-icon{color:var(--color-gray-300)}.textarea{min-height:100px;resize:vertical;padding:var(--spacing-3) var(--spacing-4)}.textarea-no-resize{resize:none}.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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;padding-right:var(--spacing-10);cursor:pointer}.select:focus{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='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.select:disabled{cursor:not-allowed;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='%23d1d5db' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.input-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.input-sm.input-icon-left{padding-left:var(--spacing-8)}.input-sm.input-icon-right{padding-right:var(--spacing-8)}.input-lg{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.input-lg.input-icon-left{padding-left:var(--spacing-12)}.input-lg.input-icon-right{padding-right:var(--spacing-12)}.checkbox,.radio{width:20px;height:20px;border:2px solid var(--color-gray-300);cursor:pointer;transition:all var(--transition-base);margin:0}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:var(--radius-full)}.checkbox:checked,.radio:checked{background-color:var(--color-primary-500);border-color:var(--color-primary-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.radio:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Ccircle cx='8' cy='8' r='4'/%3E%3C/svg%3E");background-size:8px}.checkbox:focus,.radio:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.checkbox:disabled,.radio:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;gap:var(--spacing-2)}.input-group .input{flex:1}.input-helper{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.password-toggle{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--color-gray-400);transition:color var(--transition-base)}.password-toggle:hover{color:var(--color-gray-600)}.password-toggle:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.input-search{padding-left:var(--spacing-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%239ca3af'%3E%3Cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--spacing-3) center}.input-search:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23667eea'%3E%3Cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3E%3C/svg%3E")}.card{background:white;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-sizing:border-box}.card-default{box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-outlined{box-shadow:none;border:2px solid var(--color-gray-300)}.card-interactive{cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-200)}.card-interactive:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-padding-sm{padding:var(--spacing-4)}.card-padding-md{padding:var(--spacing-6)}.card-padding-lg{padding:var(--spacing-8)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.card-header-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:var(--line-height-tight)}.card-header-subtitle{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}.card-body{padding:var(--spacing-6)}.card-body-sm{padding:var(--spacing-4)}.card-body-lg{padding:var(--spacing-8)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3)}.card-image{width:100%;height:auto;display:block;object-fit:cover}.card-image-top{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.card-image-container{position:relative;overflow:hidden}.card-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-6);color:#fff}.card-gradient-border{position:relative;background:white;border:none}.card-gradient-border:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.card-status{position:relative;padding-left:calc(var(--spacing-6) + 4px)}.card-status:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.card-status-success:before{background:var(--color-success-500)}.card-status-error:before{background:var(--color-error-500)}.card-status-warning:before{background:var(--color-warning-500)}.card-status-info:before{background:var(--color-info-500)}.card-status-primary:before{background:var(--color-primary-500)}.card-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card-stat{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3)}.card-stat-header{display:flex;align-items:center;justify-content:space-between}.card-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.card-stat-icon-primary{background:var(--color-primary-100);color:var(--color-primary-600)}.card-stat-icon-success{background:var(--color-success-100);color:var(--color-success-600)}.card-stat-icon-warning{background:var(--color-warning-100);color:var(--color-warning-600)}.card-stat-icon-error{background:var(--color-error-100);color:var(--color-error-600)}.card-stat-icon-info{background:var(--color-info-100);color:var(--color-info-600)}.card-stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:var(--line-height-tight)}.card-stat-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.card-stat-trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.card-stat-trend-up{color:var(--color-success-600)}.card-stat-trend-down{color:var(--color-error-600)}.card-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.card-list-item{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-base)}.card-list-item:last-child{border-bottom:none}.card-list-item:hover{background-color:var(--color-gray-50)}.card-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.card-badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.card-badge-success{background:var(--color-success-100);color:var(--color-success-700)}.card-badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.card-badge-error{background:var(--color-error-100);color:var(--color-error-700)}.card-loading{position:relative;pointer-events:none}.card-loading:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl)}@media (max-width: 768px){.card-grid{grid-template-columns:1fr}.card-header,.card-body,.card-footer,.card-stat{padding:var(--spacing-4)}.card-stat-value{font-size:var(--font-size-3xl)}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);overflow-y:auto;animation:modal-backdrop-fade-in var(--transition-base)}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal-backdrop.modal-closing{animation:modal-backdrop-fade-out var(--transition-base)}@keyframes modal-backdrop-fade-out{0%{opacity:1}to{opacity:0}}.modal{background:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:modal-slide-up var(--transition-slow);transform-origin:center}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal.modal-closing{animation:modal-slide-down var(--transition-base)}@keyframes modal-slide-down{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-full{max-width:95vw;max-height:95vh}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:var(--line-height-tight)}.modal-subtitle{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.modal-close{width:40px;height:40px;border-radius:var(--radius-lg);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0;margin-left:var(--spacing-4)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-close:active{background:var(--color-gray-200)}.modal-close:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.modal-close-icon{width:24px;height:24px}.modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal-body-scrollable{max-height:60vh}.modal-body-sm{padding:var(--spacing-4)}.modal-body-lg{padding:var(--spacing-8)}.modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);flex-shrink:0;background:var(--color-gray-50)}.modal-footer-start{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-between{justify-content:space-between}.modal-section{margin-bottom:var(--spacing-6)}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0}.modal-section-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-relaxed)}.modal-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4) auto;font-size:var(--font-size-4xl)}.modal-icon-success{background:var(--color-success-100);color:var(--color-success-600)}.modal-icon-error{background:var(--color-error-100);color:var(--color-error-600)}.modal-icon-warning{background:var(--color-warning-100);color:var(--color-warning-600)}.modal-icon-info{background:var(--color-info-100);color:var(--color-info-600)}.modal-confirm{text-align:center}.modal-confirm .modal-body{padding:var(--spacing-8)}.modal-confirm .modal-title{margin-top:var(--spacing-4)}.modal-loading{position:relative;pointer-events:none}.modal-loading:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl);z-index:1}.modal-overlay-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.modal-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background:white;box-shadow:var(--shadow-2xl);z-index:1001;animation:modal-drawer-slide-in var(--transition-slow);border-radius:0;max-height:100vh}@keyframes modal-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-drawer.modal-closing{animation:modal-drawer-slide-out var(--transition-base)}@keyframes modal-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.modal-drawer-left{left:0;right:auto;animation:modal-drawer-left-slide-in var(--transition-slow)}@keyframes modal-drawer-left-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.modal-drawer-left.modal-closing{animation:modal-drawer-left-slide-out var(--transition-base)}@keyframes modal-drawer-left-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.modal-bottom-sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;background:white;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-2xl);z-index:1001;animation:modal-bottom-sheet-slide-up var(--transition-slow);max-height:90vh}@keyframes modal-bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-bottom-sheet.modal-closing{animation:modal-bottom-sheet-slide-down var(--transition-base)}@keyframes modal-bottom-sheet-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.modal-handle{width:40px;height:4px;background:var(--color-gray-300);border-radius:var(--radius-full);margin:var(--spacing-3) auto}@media (max-width: 768px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:modal-bottom-sheet-slide-up var(--transition-slow)}.modal.modal-closing{animation:modal-bottom-sheet-slide-down var(--transition-base)}.modal-full{max-height:100vh;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}.modal-title{font-size:var(--font-size-xl)}.modal-drawer{max-width:100%}}body.modal-open{overflow:hidden}.table-container{width:100%;overflow-x:auto;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);color:var(--color-gray-900)}.table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.table th{padding:var(--spacing-4) var(--spacing-6);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table-sticky thead th{position:sticky;top:0;z-index:10;background:var(--color-gray-50);box-shadow:0 1px 0 var(--color-gray-200)}.table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-base)}.table tbody tr:last-child{border-bottom:none}.table td{padding:var(--spacing-4) var(--spacing-6);vertical-align:middle}.table-striped tbody tr:nth-child(even){background:var(--color-gray-50)}.table-hover tbody tr:hover{background:var(--color-primary-50);cursor:pointer}.table-striped.table-hover tbody tr:hover{background:var(--color-primary-50)}.table-clickable tbody tr{cursor:pointer;transition:all var(--transition-base)}.table-clickable tbody tr:hover{background:var(--color-primary-50);transform:scale(1.01)}.table-clickable tbody tr:active{transform:scale(.99)}.table-cell-left{text-align:left}.table-cell-center{text-align:center}.table-cell-right{text-align:right}.table-sortable th{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:var(--spacing-8)}.table-sortable th:hover{background:var(--color-gray-100)}.table-sort-icon{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-gray-400);transition:color var(--transition-base)}.table-sortable th.sorted .table-sort-icon{color:var(--color-primary-600)}.table-sortable th.sorted-asc .table-sort-icon{transform:translateY(-50%) rotate(0)}.table-sortable th.sorted-desc .table-sort-icon{transform:translateY(-50%) rotate(180deg)}.table-actions{display:flex;gap:var(--spacing-2);align-items:center;justify-content:flex-end}.table-action-btn{padding:var(--spacing-2);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.table-action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.table-action-btn:active{background:var(--color-gray-200)}.table-action-btn-primary:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.table-action-btn-danger:hover{background:var(--color-error-100);color:var(--color-error-600)}.table-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table-badge-success{background:var(--color-success-100);color:var(--color-success-700)}.table-badge-error{background:var(--color-error-100);color:var(--color-error-700)}.table-badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.table-badge-info{background:var(--color-info-100);color:var(--color-info-700)}.table-badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.table-badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.table-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-gray-200)}.table-avatar-group{display:flex;align-items:center;gap:var(--spacing-3)}.table-avatar-info{display:flex;flex-direction:column}.table-avatar-name{font-weight:var(--font-weight-medium);color:var(--color-gray-900);line-height:var(--line-height-tight)}.table-avatar-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-tight)}.table-empty{padding:var(--spacing-12) var(--spacing-6);text-align:center;color:var(--color-gray-500)}.table-empty-icon{width:64px;height:64px;margin:0 auto var(--spacing-4) auto;color:var(--color-gray-300)}.table-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0 0 var(--spacing-2) 0}.table-empty-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-4) 0}.table-loading{position:relative;min-height:200px}.table-loading tbody{opacity:.5;pointer-events:none}.table-loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.table-pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600)}.table-pagination-controls{display:flex;gap:var(--spacing-2);align-items:center}.table-pagination-btn{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);background:white;color:var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base)}.table-pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination-btn.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.table-filters{display:flex;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background:white;flex-wrap:wrap;align-items:center}.table-search{flex:1;min-width:200px}.table-compact th,.table-compact td{padding:var(--spacing-2) var(--spacing-4)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--color-gray-200)}@media (max-width: 768px){.table-responsive{display:block}.table-responsive thead{display:none}.table-responsive tbody,.table-responsive tr,.table-responsive td{display:block;width:100%}.table-responsive tr{margin-bottom:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);background:white}.table-responsive td{padding:var(--spacing-2) 0;border:none;position:relative;padding-left:50%;text-align:right}.table-responsive td:before{content:attr(data-label);position:absolute;left:0;width:45%;padding-right:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-align:left}.table-actions{justify-content:flex-start;padding-left:0}.table-pagination{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.table-pagination-controls{justify-content:center}.table-filters{flex-direction:column;align-items:stretch}.table-search{width:100%}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.table-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.table-checkbox{width:20px;height:20px;cursor:pointer}.table-select-all{padding-left:var(--spacing-4)}.table tbody tr.selected{background:var(--color-primary-50)}.table-expand-btn{padding:var(--spacing-1);border:none;background:transparent;cursor:pointer;color:var(--color-gray-500);transition:transform var(--transition-base)}.table-expand-btn.expanded{transform:rotate(90deg)}.table-expanded-content{padding:var(--spacing-4);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-base) var(--ease-in) forwards}.animate-fade-in-fast{animation:fadeIn var(--duration-fast) var(--ease-out) forwards}.animate-fade-in-slow{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) forwards}.animate-slide-down{animation:slideDown var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-base) var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-base) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-out) forwards}.animate-scale-out{animation:scaleOut var(--duration-base) var(--ease-in) forwards}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0px,var(--color-gray-100) 40px,var(--color-gray-200) 80px);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--spacing-2);background:linear-gradient(90deg,var(--color-gray-200) 0px,var(--color-gray-100) 40px,var(--color-gray-200) 80px);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-sm)}.skeleton-text:last-child{margin-bottom:0;width:80%}.skeleton-circle{border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-gray-200) 0px,var(--color-gray-100) 40px,var(--color-gray-200) 80px);background-size:1000px 100%;animation:shimmer 2s infinite linear}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-gray-200) 0px,var(--color-gray-100) 40px,var(--color-gray-200) 80px);background-size:1000px 100%;animation:shimmer 2s infinite linear}.skeleton-card{padding:var(--spacing-6);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.skeleton-card .skeleton{margin-bottom:var(--spacing-4)}.skeleton-card .skeleton:last-child{margin-bottom:0}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-delay-75{animation-delay:75ms}.animate-delay-100{animation-delay:.1s}.animate-delay-150{animation-delay:.15s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.animate-duration-fast{animation-duration:var(--duration-fast)}.animate-duration-base{animation-duration:var(--duration-base)}.animate-duration-slow{animation-duration:var(--duration-slow)}.animate-duration-slower{animation-duration:var(--duration-slower)}.animate-once{animation-iteration-count:1}.animate-infinite{animation-iteration-count:infinite}.animate-fill-forwards{animation-fill-mode:forwards}.animate-fill-backwards{animation-fill-mode:backwards}.animate-fill-both{animation-fill-mode:both}.transition-none{transition:none}.transition-fast{transition-duration:var(--duration-fast)}.transition-base{transition-duration:var(--duration-base)}.transition-slow{transition-duration:var(--duration-slow)}.hover-lift{transition:var(--transition-transform),var(--transition-shadow)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:var(--transition-transform)}.hover-scale-sm{transition:var(--transition-transform)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-opacity{transition:var(--transition-opacity)}.hover-opacity:hover{opacity:.8}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.focus-ring{outline:none;transition:box-shadow var(--transition-fast)}.focus-ring:focus{box-shadow:0 0 0 3px #667eea66}.focus-ring-inset{outline:none;transition:box-shadow var(--transition-fast)}.focus-ring-inset:focus{box-shadow:inset 0 0 0 2px var(--color-primary-500)}.stagger-children>*{animation:slideUp var(--duration-slow) var(--ease-out) backwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.page-enter{animation:slideUp var(--duration-slow) var(--ease-out) forwards}.page-leave{animation:fadeOut var(--duration-base) var(--ease-in) forwards}.modal-enter{animation:scaleIn var(--duration-base) var(--ease-out) forwards}.modal-leave{animation:scaleOut var(--duration-fast) var(--ease-in) forwards}.modal-backdrop-enter{animation:fadeIn var(--duration-base) var(--ease-out) forwards}.modal-backdrop-leave{animation:fadeOut var(--duration-fast) var(--ease-in) forwards}.toast-enter{animation:slideInRight var(--duration-base) var(--ease-out) forwards}.toast-leave{animation:slideInRight var(--duration-fast) var(--ease-in) reverse forwards}@keyframes successPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate-success{animation:successPop var(--duration-slow) var(--ease-out-back) forwards}.animate-error-shake{animation:errorShake .5s var(--ease-in-out)}.loading-overlay{position:relative;pointer-events:none}.loading-overlay:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--duration-base) var(--ease-out) forwards}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-fade-out,.animate-fade-in-fast,.animate-fade-in-slow,.animate-slide-up,.animate-slide-down,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in,.animate-scale-out,.animate-spin,.animate-pulse,.animate-bounce,.animate-success,.animate-error-shake,.page-enter,.page-leave,.modal-enter,.modal-leave,.modal-backdrop-enter,.modal-backdrop-leave,.toast-enter,.toast-leave,.stagger-children>*{animation:none!important;animation-delay:0ms!important}.skeleton,.skeleton-text,.skeleton-circle,.skeleton-avatar{animation:pulse 2s ease-in-out infinite}.hover-lift:hover,.hover-scale:hover,.hover-scale-sm:hover{transform:none}.hover-opacity:hover{opacity:.8}.transition-all,.transition-colors,.transition-opacity,.transition-shadow,.transition-transform,.hover-lift,.hover-scale,.hover-scale-sm,.hover-opacity,.hover-brightness,.focus-ring,.focus-ring-inset{transition-duration:.01ms!important}}@media print{*,*:before,*:after{animation:none!important;transition:none!important}.skeleton,.skeleton-text,.skeleton-circle,.skeleton-avatar{display:none!important}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:after{width:300px;height:300px;transition:width 0s,height 0s}.btn-pulse:hover:not(:disabled){animation:pulse-subtle 1.5s infinite}@keyframes pulse-subtle{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 8px #667eea00}}.btn-glow:hover:not(:disabled){box-shadow:0 0 20px #667eea80,0 0 40px #667eea4d}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-shine:hover:before{left:100%}.card-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-tilt{transition:transform var(--transition-base)}.card-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}.card-glow{position:relative;transition:all var(--transition-base)}.card-glow:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition-base);z-index:-1;filter:blur(10px)}.card-glow:hover:before{opacity:.5}.card-scale:hover{transform:scale(1.02)}.card-shimmer{position:relative;overflow:hidden}.card-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s}.card-shimmer:hover:after{left:150%}.input-glow:focus{box-shadow:0 0 0 3px #667eea1a,0 0 20px #667eea33}.input-label-float{transition:all var(--transition-base) cubic-bezier(.4,0,.2,1)}.input:focus~.input-label-float,.input:not(:placeholder-shown)~.input-label-float{transform:translateY(-150%) scale(.85);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.input-border-animate{position:relative;border:2px solid var(--color-gray-300)}.input-border-animate:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base),left var(--transition-base)}.input-border-animate:focus:after{width:100%;left:0}.input-icon-bounce{transition:transform var(--transition-base)}.input:focus~.input-icon-bounce{animation:icon-bounce .5s ease}@keyframes icon-bounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.success-checkmark{width:80px;height:80px;margin:0 auto}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--color-success-500);fill:none;animation:checkmark-circle .6s cubic-bezier(.65,0,.45,1) forwards}.success-checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:var(--color-success-500);stroke-width:3;fill:none;animation:checkmark-check .3s .6s cubic-bezier(.65,0,.45,1) forwards}@keyframes checkmark-circle{0%{stroke-dashoffset:166}to{stroke-dashoffset:0}}@keyframes checkmark-check{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}.success-badge{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--color-success-100);border-radius:var(--radius-full);animation:success-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes success-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-confetti{position:relative}.success-confetti:before,.success-confetti:after{content:"\2728";position:absolute;font-size:var(--font-size-2xl);animation:confetti-fall 1s ease-out forwards}.success-confetti:before{left:-20px;animation-delay:.1s}.success-confetti:after{right:-20px;animation-delay:.2s}@keyframes confetti-fall{0%{top:-20px;opacity:1}to{top:40px;opacity:0}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner-smooth{animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-fill{animation:progress-fill 2s ease-in-out}@keyframes progress-fill{0%{width:0%}to{width:100%}}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-brighten{transition:filter var(--transition-base)}.hover-brighten:hover{filter:brightness(1.1)}.hover-shadow{transition:box-shadow var(--transition-base)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.hover-underline{position:relative;text-decoration:none}.hover-underline:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:currentColor;transition:width var(--transition-base),left var(--transition-base)}.hover-underline:hover:after{width:100%;left:0}.active-press:active{transform:scale(.95);transition:transform .1s}.focus-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-md)}.disabled-state{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.toast-slide-in{animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-slide-out{animation:toast-slide-out .2s ease-in forwards}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.alert-shake{animation:alert-shake .5s}@keyframes alert-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.optimistic-fade{opacity:.6;pointer-events:none;transition:opacity var(--transition-base)}.optimistic-fade.success{opacity:1;pointer-events:auto}.optimistic-pulse{animation:optimistic-pulse 1s infinite}@keyframes optimistic-pulse{0%,to{opacity:1}50%{opacity:.7}}.optimistic-shimmer{position:relative;overflow:hidden}.optimistic-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:optimistic-shimmer 1.5s infinite}@keyframes optimistic-shimmer{0%{left:-100%}to{left:100%}}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}@media (prefers-reduced-motion: reduce){.btn-ripple:after,.btn-pulse,.btn-shine:before,.card-shimmer:after,.input-icon-bounce,.success-confetti:before,.success-confetti:after,.skeleton-pulse,.spinner-smooth,.optimistic-pulse,.optimistic-shimmer:after{animation:none!important}.card-lift:hover,.card-tilt:hover,.card-scale:hover,.hover-lift:hover,.hover-scale:hover{transform:none!important}.card-glow:before,.input-glow:focus{opacity:0!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-secondary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary-500);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-600)}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}button{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer;outline:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{box-shadow:var(--focus-ring)}input,textarea,select{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background-primary);border:var(--border-width-2) solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-all);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:disabled,textarea:disabled,select:disabled{background:var(--color-background-disabled);color:var(--color-text-disabled);cursor:not-allowed}input.error,textarea.error,select.error{border-color:var(--color-border-error)}input.error:focus,textarea.error:focus,select.error:focus{box-shadow:var(--focus-ring-error)}input.success,textarea.success,select.success{border-color:var(--color-border-success)}input.success:focus,textarea.success:focus,select.success:focus{box-shadow:var(--focus-ring-success)}.card{background:var(--color-background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:var(--transition-all)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-primary{color:var(--color-primary-500)}.text-secondary{color:var(--color-secondary-500)}.text-success{color:var(--color-success-500)}.text-error{color:var(--color-error-500)}.text-warning{color:var(--color-warning-500)}.text-info{color:var(--color-info-500)}.text-gray{color:var(--color-gray-500)}.text-dark{color:var(--color-gray-900)}.text-muted{color:var(--color-text-secondary)}.bg-white{background-color:var(--color-white)}.bg-primary{background-color:var(--color-primary-500)}.bg-secondary{background-color:var(--color-secondary-500)}.bg-success{background-color:var(--color-success-500)}.bg-error{background-color:var(--color-error-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-info{background-color:var(--color-info-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-success{background:var(--gradient-success)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:none}.hover-shadow:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-auto{margin:auto}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-auto{margin-right:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.pt-0{padding-top:var(--spacing-0)}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pt-10{padding-top:var(--spacing-10)}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pb-10{padding-bottom:var(--spacing-10)}.pl-0{padding-left:var(--spacing-0)}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-6{padding-left:var(--spacing-6)}.pr-0{padding-right:var(--spacing-0)}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-6{padding-right:var(--spacing-6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.slide-up{animation:slideUp var(--duration-base) var(--ease-out)}.slide-down{animation:slideDown var(--duration-base) var(--ease-out)}.scale-in{animation:scaleIn var(--duration-base) var(--ease-out)}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}@media (max-width: 640px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.card{padding:var(--spacing-4)}}@media (max-width: 768px){.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}.form-group:focus-within{position:relative}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-500);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;z-index:var(--z-index-tooltip);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:var(--transition-all)}.skip-link:focus{top:var(--spacing-2);left:var(--spacing-2);outline:3px solid var(--color-white);outline-offset:2px}.keyboard-nav-active *:focus{outline:3px solid var(--color-primary-500);outline-offset:2px}.mouse-nav-active *:focus:not(:focus-visible){outline:none}.modal-content:focus{outline:none}button:disabled,[role=button][aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-contrast: high){*:focus-visible{outline-width:4px;outline-offset:3px}button,a,input,select,textarea{border-width:2px}}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.6;color:var(--color-gray-600)}.status-badge{font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--spacing-1)}.status-badge.success{background-color:var(--color-success-100);color:var(--color-success-800);border:1px solid var(--color-success-300)}.status-badge.error{background-color:var(--color-error-100);color:var(--color-error-800);border:1px solid var(--color-error-300)}.status-badge.warning{background-color:var(--color-warning-100);color:var(--color-warning-800);border:1px solid var(--color-warning-300)}.status-badge.info{background-color:var(--color-info-100);color:var(--color-info-800);border:1px solid var(--color-info-300)}a{color:var(--color-primary-600);text-decoration:underline;text-decoration-color:transparent;transition:var(--transition-colors)}a:hover{color:var(--color-primary-700);text-decoration-color:currentColor}a:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px;text-decoration-color:currentColor}::placeholder{color:var(--color-gray-500);opacity:1}.pattern-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px)}.pattern-dots{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10px 10px}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}