:root{--primary-color: #1976d2;--primary-light: #42a5f5;--primary-dark: #1565c0;--secondary-color: #dc004e;--secondary-light: #ff5983;--secondary-dark: #c2185b;--success-color: #4caf50;--success-light: #81c784;--success-dark: #388e3c;--warning-color: #ff9800;--warning-light: #ffb74d;--warning-dark: #f57c00;--error-color: #f44336;--error-light: #e57373;--error-dark: #d32f2f;--info-color: #2196f3;--info-light: #64b5f6;--info-dark: #1976d2;--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #bdbdbd;--text-hint: #9e9e9e;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-paper: #ffffff;--bg-default: #fafafa;--border-light: #e0e0e0;--border-medium: #bdbdbd;--border-dark: #757575;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: "Roboto", "Helvetica", "Arial", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-h1: 32px;--font-size-h2: 28px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-h5: 18px;--font-size-h6: 16px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--shadow-xl: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{box-sizing:border-box}html{font-size:16px;line-height:1.5}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--primary-color);outline-offset:2px}ul,ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:var(--white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-fade-in-up{animation:fadeInUp .3s ease-in-out}.animate-slide-in{animation:slideIn .3s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}@media (max-width: 640px){.container{padding:0 var(--spacing-sm)}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}.align-stretch{align-items:stretch!important}.flex-1{flex:1!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.grid-cols-4{grid-template-columns:repeat(4,1fr)!important}.grid-cols-6{grid-template-columns:repeat(6,1fr)!important}.grid-cols-12{grid-template-columns:repeat(12,1fr)!important}.gap-1{gap:var(--spacing-xs)!important}.gap-2{gap:var(--spacing-sm)!important}.gap-3{gap:var(--spacing-md)!important}.gap-4{gap:var(--spacing-lg)!important}.gap-5{gap:var(--spacing-xl)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--spacing-xs)!important}.ml-2{margin-left:var(--spacing-sm)!important}.ml-3{margin-left:var(--spacing-md)!important}.ml-4{margin-left:var(--spacing-lg)!important}.ml-5{margin-left:var(--spacing-xl)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--spacing-xs)!important}.mr-2{margin-right:var(--spacing-sm)!important}.mr-3{margin-right:var(--spacing-md)!important}.mr-4{margin-right:var(--spacing-lg)!important}.mr-5{margin-right:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-xs)!important}.pt-2{padding-top:var(--spacing-sm)!important}.pt-3{padding-top:var(--spacing-md)!important}.pt-4{padding-top:var(--spacing-lg)!important}.pt-5{padding-top:var(--spacing-xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-xs)!important}.pb-2{padding-bottom:var(--spacing-sm)!important}.pb-3{padding-bottom:var(--spacing-md)!important}.pb-4{padding-bottom:var(--spacing-lg)!important}.pb-5{padding-bottom:var(--spacing-xl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--spacing-xs)!important}.pl-2{padding-left:var(--spacing-sm)!important}.pl-3{padding-left:var(--spacing-md)!important}.pl-4{padding-left:var(--spacing-lg)!important}.pl-5{padding-left:var(--spacing-xl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--spacing-xs)!important}.pr-2{padding-right:var(--spacing-sm)!important}.pr-3{padding-right:var(--spacing-md)!important}.pr-4{padding-right:var(--spacing-lg)!important}.pr-5{padding-right:var(--spacing-xl)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-md)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-xxl)!important}.font-light{font-weight:var(--font-weight-light)!important}.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-disabled{color:var(--text-disabled)!important}.text-white{color:var(--white)!important}.text-black{color:var(--black)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-success{background-color:var(--success-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-error{background-color:var(--error-color)!important}.bg-white{background-color:var(--white)!important}.bg-gray-50{background-color:var(--gray-50)!important}.bg-gray-100{background-color:var(--gray-100)!important}.bg-gray-200{background-color:var(--gray-200)!important}.border{border:1px solid var(--border-light)!important}.border-t{border-top:1px solid var(--border-light)!important}.border-b{border-bottom:1px solid var(--border-light)!important}.border-l{border-left:1px solid var(--border-light)!important}.border-r{border-right:1px solid var(--border-light)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.w-full{width:100%!important}.h-full{height:100%!important}.w-auto{width:auto!important}.h-auto{height:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.transition{transition:all var(--transition-normal)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-slow{transition:all var(--transition-slow)!important}@media (max-width: 640px){.sm\:d-none{display:none!important}.sm\:d-block{display:block!important}.sm\:flex-column{flex-direction:column!important}.sm\:text-center{text-align:center!important}.sm\:w-full{width:100%!important}}@media (max-width: 768px){.md\:d-none{display:none!important}.md\:d-block{display:block!important}.md\:flex-column{flex-direction:column!important}.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 1024px){.lg\:d-none{display:none!important}.lg\:d-block{display:block!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)!important}}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.btn-medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:40px}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.btn-contained{background-color:var(--primary-color);color:var(--white);box-shadow:var(--shadow-sm)}.btn-contained:hover:not(.btn-disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outlined{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outlined:hover:not(.btn-disabled){background-color:var(--primary-color);color:var(--white)}.btn-text{background-color:transparent;color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm)}.btn-text:hover:not(.btn-disabled){background-color:var(--gray-100)}.btn-primary.btn-contained{background-color:var(--primary-color);color:var(--white)}.btn-primary.btn-contained:hover:not(.btn-disabled){background-color:var(--primary-dark)}.btn-primary.btn-outlined{color:var(--primary-color);border-color:var(--primary-color)}.btn-primary.btn-outlined:hover:not(.btn-disabled){background-color:var(--primary-color);color:var(--white)}.btn-primary.btn-text{color:var(--primary-color)}.btn-secondary.btn-contained{background-color:var(--secondary-color);color:var(--white)}.btn-secondary.btn-contained:hover:not(.btn-disabled){background-color:var(--secondary-dark)}.btn-secondary.btn-outlined{color:var(--secondary-color);border-color:var(--secondary-color)}.btn-secondary.btn-outlined:hover:not(.btn-disabled){background-color:var(--secondary-color);color:var(--white)}.btn-secondary.btn-text{color:var(--secondary-color)}.btn-success.btn-contained{background-color:var(--success-color);color:var(--white)}.btn-success.btn-contained:hover:not(.btn-disabled){background-color:var(--success-dark)}.btn-success.btn-outlined{color:var(--success-color);border-color:var(--success-color)}.btn-success.btn-outlined:hover:not(.btn-disabled){background-color:var(--success-color);color:var(--white)}.btn-success.btn-text{color:var(--success-color)}.btn-warning.btn-contained{background-color:var(--warning-color);color:var(--white)}.btn-warning.btn-contained:hover:not(.btn-disabled){background-color:var(--warning-dark)}.btn-warning.btn-outlined{color:var(--warning-color);border-color:var(--warning-color)}.btn-warning.btn-outlined:hover:not(.btn-disabled){background-color:var(--warning-color);color:var(--white)}.btn-warning.btn-text{color:var(--warning-color)}.btn-error.btn-contained{background-color:var(--error-color);color:var(--white)}.btn-error.btn-contained:hover:not(.btn-disabled){background-color:var(--error-dark)}.btn-error.btn-outlined{color:var(--error-color);border-color:var(--error-color)}.btn-error.btn-outlined:hover:not(.btn-disabled){background-color:var(--error-color);color:var(--white)}.btn-error.btn-text{color:var(--error-color)}.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-loading{cursor:wait}.btn-full-width{width:100%}.btn-content{display:flex;align-items:center;gap:var(--spacing-xs)}.btn-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.btn-icon svg{width:100%;height:100%}.btn-spinner{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.btn-spinner svg{width:100%;height:100%}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:before{width:200px;height:200px}@media (max-width: 640px){.btn-large{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:44px}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.input-required{color:var(--error-color);margin-left:var(--spacing-xs)}.input-container{position:relative;display:flex;align-items:center;width:100%}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-paper);transition:all var(--transition-fast);outline:none}.input-field::placeholder{color:var(--text-hint)}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1976d233}.input-field:disabled{background-color:var(--gray-100);color:var(--text-disabled);cursor:not-allowed}.input-small .input-field{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.input-medium .input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:40px}.input-large .input-field{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.input-icon-start+.input-field{padding-left:40px}.input-icon-end+.input-field,.input-password-toggle+.input-field{padding-right:40px}.input-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary);pointer-events:none;z-index:1}.input-icon-start{left:var(--spacing-sm)}.input-icon-end{right:var(--spacing-sm)}.input-password-toggle{pointer-events:all;cursor:pointer;background:none;border:none;color:var(--text-secondary);transition:color var(--transition-fast)}.input-password-toggle:hover{color:var(--text-primary)}.input-password-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.input-focused .input-field{border-color:var(--primary-color);box-shadow:0 0 0 2px #1976d233}.input-error .input-field{border-color:var(--error-color)}.input-error .input-field:focus{border-color:var(--error-color);box-shadow:0 0 0 2px #f4433633}.input-disabled .input-field{background-color:var(--gray-100);color:var(--text-disabled);cursor:not-allowed}.input-disabled .input-icon{color:var(--text-disabled)}.input-helper{display:flex;align-items:center;gap:var(--spacing-xs);min-height:20px}.input-helper-text{font-size:var(--font-size-xs);color:var(--text-secondary)}.input-error-text{font-size:var(--font-size-xs);color:var(--error-color);font-weight:var(--font-weight-medium)}.input-field[type=textarea],.input-field[rows]{resize:vertical;min-height:80px;font-family:var(--font-family);line-height:var(--line-height-normal)}.input-full-width{width:100%}.input-wrapper{animation:fadeInUp .3s ease-out}@media (max-width: 640px){.input-large .input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:44px}.input-icon{width:18px;height:18px}}.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);animation:fadeInUp .3s ease-out;position:relative}.alert-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1}.alert-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:2px}.alert-message{flex:1;min-width:0}.alert-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.alert-text{color:inherit}.alert-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0;margin-top:2px}.alert-close:hover{opacity:1}.alert-close:focus{outline:2px solid currentColor;outline-offset:2px}.alert-filled{border:none}.alert-outlined{background-color:transparent;border:1px solid}.alert-text{background-color:transparent;border:none}.alert-success.alert-filled{background-color:var(--success-color);color:var(--white)}.alert-warning.alert-filled{background-color:var(--warning-color);color:var(--white)}.alert-error.alert-filled{background-color:var(--error-color);color:var(--white)}.alert-info.alert-filled{background-color:var(--info-color);color:var(--white)}.alert-success.alert-outlined{background-color:#4caf501a;border-color:var(--success-color);color:var(--success-dark)}.alert-warning.alert-outlined{background-color:#ff98001a;border-color:var(--warning-color);color:var(--warning-dark)}.alert-error.alert-outlined{background-color:#f443361a;border-color:var(--error-color);color:var(--error-dark)}.alert-info.alert-outlined{background-color:#2196f31a;border-color:var(--info-color);color:var(--info-dark)}.alert-success.alert-text{color:var(--success-dark)}.alert-warning.alert-text{color:var(--warning-dark)}.alert-error.alert-text{color:var(--error-dark)}.alert-info.alert-text{color:var(--info-dark)}.alert{animation:fadeInUp .3s ease-out}.alert-closeable{padding-right:var(--spacing-lg)}@media (max-width: 640px){.alert{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.alert-icon,.alert-close{width:18px;height:18px}}.card{background-color:var(--bg-paper);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);position:relative}.card-elevated{box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card-elevated:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-outlined{border:1px solid var(--border-light);box-shadow:none}.card-outlined:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.card-filled{background-color:var(--gray-50);border:none;box-shadow:none}.card-filled:hover{background-color:var(--gray-100)}.card-padding-none{padding:0}.card-padding-small{padding:var(--spacing-sm)}.card-padding-medium{padding:var(--spacing-md)}.card-padding-large{padding:var(--spacing-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px)}.card-clickable:active{transform:translateY(0)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);background-color:var(--gray-50)}.card-content{padding:var(--spacing-md);flex:1}.card-actions{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-light);background-color:var(--gray-50);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.card-actions:last-child{margin-top:auto}.card-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight)}.card-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.card:has(.card-header) .card-content{padding-top:var(--spacing-md)}.card:has(.card-actions) .card-content{padding-bottom:var(--spacing-md)}.card{animation:fadeInUp .3s ease-out}.card-selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #1976d233}.card-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (max-width: 640px){.card-padding-large{padding:var(--spacing-md)}.card-header,.card-content,.card-actions{padding:var(--spacing-sm)}.card-actions{flex-direction:column;align-items:stretch}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-md)}.login-content{width:100%;max-width:400px}.login-card{padding:var(--spacing-xxl);background-color:var(--bg-paper);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0 0 var(--spacing-sm) 0}.login-subtitle{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.login-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.login-alert{margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-footer{text-align:center;margin-top:var(--spacing-lg)}.login-link{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.login-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 640px){.login-container{padding:var(--spacing-sm)}.login-card{padding:var(--spacing-lg)}.login-title{font-size:var(--font-size-h2)}.login-subtitle{font-size:var(--font-size-h4)}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-md)}.register-content{width:100%;max-width:500px}.register-card{padding:var(--spacing-xxl);background-color:var(--bg-paper);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl)}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.register-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0 0 var(--spacing-sm) 0}.register-subtitle{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.register-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.register-alert{margin-bottom:var(--spacing-lg)}.register-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.register-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.register-footer{text-align:center;margin-top:var(--spacing-lg)}.register-footer-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.register-link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.register-link:hover{color:var(--primary-dark);text-decoration:underline}.register-success{text-align:center;padding:var(--spacing-lg)}.register-spinner{margin-top:var(--spacing-lg)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 640px){.register-container{padding:var(--spacing-sm)}.register-card{padding:var(--spacing-lg)}.register-form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.register-title{font-size:var(--font-size-h2)}.register-subtitle{font-size:var(--font-size-h4)}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-md)}.forgot-password-content{width:100%;max-width:400px}.forgot-password-card{padding:var(--spacing-xxl);background-color:var(--bg-paper);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl)}.forgot-password-header{text-align:center;margin-bottom:var(--spacing-xl)}.forgot-password-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0 0 var(--spacing-sm) 0}.forgot-password-subtitle{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.forgot-password-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.forgot-password-alert{margin-bottom:var(--spacing-lg)}.forgot-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forgot-password-footer{text-align:center;margin-top:var(--spacing-lg)}.forgot-password-link{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);display:inline-flex;align-items:center;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--primary-dark);text-decoration:underline}.forgot-password-success{text-align:center;padding:var(--spacing-lg)}.forgot-password-message{font-size:var(--font-size-md);color:var(--text-primary);margin:var(--spacing-lg) 0}@media (max-width: 640px){.forgot-password-container{padding:var(--spacing-sm)}.forgot-password-card{padding:var(--spacing-lg)}.forgot-password-title{font-size:var(--font-size-h2)}.forgot-password-subtitle{font-size:var(--font-size-h4)}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;vertical-align:middle;transition:all var(--transition-fast)}.badge-content{display:flex;align-items:center;gap:var(--spacing-xs)}.badge-icon{display:flex;align-items:center;justify-content:center;width:12px;height:12px}.badge-icon svg{width:100%;height:100%}.badge-small{padding:2px var(--spacing-xs);font-size:var(--font-size-xs);min-height:16px}.badge-medium{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:20px}.badge-large{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:24px}.badge-filled{border:none}.badge-outlined{background-color:transparent;border:1px solid}.badge-dot{width:8px;height:8px;border-radius:var(--radius-full);padding:0;min-height:8px}.badge-dot .badge-content{display:none}.badge-primary.badge-filled{background-color:var(--primary-color);color:var(--white)}.badge-secondary.badge-filled{background-color:var(--secondary-color);color:var(--white)}.badge-success.badge-filled{background-color:var(--success-color);color:var(--white)}.badge-warning.badge-filled{background-color:var(--warning-color);color:var(--white)}.badge-error.badge-filled{background-color:var(--error-color);color:var(--white)}.badge-info.badge-filled{background-color:var(--info-color);color:var(--white)}.badge-default.badge-filled{background-color:var(--gray-500);color:var(--white)}.badge-primary.badge-outlined{background-color:#1976d21a;border-color:var(--primary-color);color:var(--primary-color)}.badge-secondary.badge-outlined{background-color:#dc004e1a;border-color:var(--secondary-color);color:var(--secondary-color)}.badge-success.badge-outlined{background-color:#4caf501a;border-color:var(--success-color);color:var(--success-color)}.badge-warning.badge-outlined{background-color:#ff98001a;border-color:var(--warning-color);color:var(--warning-color)}.badge-error.badge-outlined{background-color:#f443361a;border-color:var(--error-color);color:var(--error-color)}.badge-info.badge-outlined{background-color:#2196f31a;border-color:var(--info-color);color:var(--info-color)}.badge-default.badge-outlined{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--gray-700)}.badge-primary.badge-dot{background-color:var(--primary-color)}.badge-secondary.badge-dot{background-color:var(--secondary-color)}.badge-success.badge-dot{background-color:var(--success-color)}.badge-warning.badge-dot{background-color:var(--warning-color)}.badge-error.badge-dot{background-color:var(--error-color)}.badge-info.badge-dot{background-color:var(--info-color)}.badge-default.badge-dot{background-color:var(--gray-500)}.badge:not(.badge-dot):hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.badge-large{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:20px}}.progress{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center}.progress-track{width:100%;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:var(--radius-full);transition:width var(--transition-normal);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-small .progress-track{height:4px}.progress-medium .progress-track{height:8px}.progress-large .progress-track{height:12px}.progress-primary .progress-fill{background-color:var(--primary-color)}.progress-secondary .progress-fill{background-color:var(--secondary-color)}.progress-success .progress-fill{background-color:var(--success-color)}.progress-warning .progress-fill{background-color:var(--warning-color)}.progress-error .progress-fill{background-color:var(--error-color)}.progress-info .progress-fill{background-color:var(--info-color)}.progress-circular-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circular{transform:rotate(-90deg)}.progress-circular-bg{stroke:var(--gray-200)}.progress-circular-fill{stroke:var(--primary-color);stroke-linecap:round;transition:stroke-dashoffset var(--transition-normal)}.progress-circular-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.progress-primary .progress-circular-fill{stroke:var(--primary-color)}.progress-secondary .progress-circular-fill{stroke:var(--secondary-color)}.progress-success .progress-circular-fill{stroke:var(--success-color)}.progress-warning .progress-circular-fill{stroke:var(--warning-color)}.progress-error .progress-circular-fill{stroke:var(--error-color)}.progress-info .progress-circular-fill{stroke:var(--info-color)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-indeterminate .progress-fill{width:30%;animation:indeterminate 2s infinite linear}@keyframes indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 640px){.progress-large .progress-track{height:8px}.progress-circular-label{font-size:var(--font-size-xs)}}.dashboard{display:flex;min-height:100vh;background-color:var(--bg-default)}.dashboard-sidebar{width:240px;background-color:var(--bg-paper);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:1000}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0}.sidebar-divider{height:1px;background-color:var(--border-light);margin:0}.sidebar-nav{flex:1;padding:var(--spacing-sm) 0}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.nav-item:hover{background-color:var(--gray-100);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-color);color:var(--white)}.nav-item.logout{color:var(--error-color)}.nav-item.logout:hover{background-color:var(--error-color);color:var(--white)}.sidebar-footer{padding:var(--spacing-sm) 0;border-top:1px solid var(--border-light)}.dashboard-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-paper);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.menu-button{display:none;padding:var(--spacing-xs);border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.menu-button:hover{background-color:var(--gray-100);color:var(--text-primary)}.header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.notification-button{position:relative;padding:var(--spacing-sm);border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.notification-button:hover{background-color:var(--gray-100);color:var(--text-primary)}.notification-badge{position:absolute;top:4px;right:4px;font-size:10px;min-width:16px;height:16px;padding:0 4px}.user-button{padding:var(--spacing-xs);border:none;background:none;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.user-button:hover{background-color:var(--gray-100)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.user-dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:1000;margin-top:var(--spacing-xs)}.dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--gray-100)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}.stat-card{background-color:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-content{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white)}.stat-info{flex:1}.stat-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.stat-trend{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--success-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dashboard-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.content-main,.content-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.deals-card{background-color:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.deals-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.deals-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.deals-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.deal-item{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-normal)}.deal-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.deal-content{display:grid;grid-template-columns:120px 1fr auto;gap:var(--spacing-md);align-items:center}.deal-image{width:120px;height:80px;border-radius:var(--radius-sm);overflow:hidden}.deal-image img{width:100%;height:100%;object-fit:cover}.deal-info{flex:1}.deal-car{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.deal-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.deal-detail{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.deal-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.deal-status{margin-bottom:var(--spacing-sm)}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-button{padding:var(--spacing-xs);border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.action-button:hover{background-color:var(--gray-100);color:var(--text-primary)}.quick-actions-card{background-color:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.quick-actions-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.quick-actions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.system-status-card{background-color:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.system-status-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.status-item{margin-bottom:var(--spacing-md)}.status-item:last-child{margin-bottom:0}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.status-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.status-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.status-progress{margin-top:var(--spacing-xs)}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0}.menu-button{display:block}.stats-grid{grid-template-columns:1fr;padding:var(--spacing-md)}.deal-content{grid-template-columns:1fr;gap:var(--spacing-sm)}.deal-image{width:100%;height:120px}.deal-actions{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 640px){.dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.header-title{font-size:var(--font-size-lg)}.stats-grid{padding:var(--spacing-sm);gap:var(--spacing-md)}.dashboard-content{padding:0 var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-md)}}.feature-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);transition:all var(--transition-fast)}.feature-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pricing-card{position:relative;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast);border:2px solid var(--border-light)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.pricing-card.current-plan{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-light) 0%,var(--white) 100%)}.popular-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:1}.pricing-header{margin-bottom:var(--spacing-xl)}.plan-name{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.price-currency{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.price-amount{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--primary-color)}.price-period{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.plan-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5;margin:0}.pricing-features{margin-bottom:var(--spacing-xl);text-align:left}.features-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-primary)}.feature-item svg{color:var(--success-color);flex-shrink:0}.feature-item.more-features{color:var(--text-secondary);font-style:italic}.pricing-footer{margin-top:var(--spacing-lg)}.current-plan-button{width:100%}@media (max-width: 768px){.pricing-card{padding:var(--spacing-lg)}.plan-price{flex-direction:column;align-items:center;gap:0}.price-amount{font-size:var(--font-size-h2)}}.error-handler{padding:var(--spacing-xl);text-align:center;max-width:500px;margin:0 auto}.error-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.error-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--error-light);border-radius:50%;color:var(--error-color)}.error-details{text-align:center}.error-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.error-message{margin:0}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 480px){.error-handler{padding:var(--spacing-lg)}.error-actions{flex-direction:column;align-items:center}}.pricing-plans-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.pricing-header{text-align:center;margin-bottom:var(--spacing-xxl)}.pricing-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.pricing-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.comparison-section{margin-top:var(--spacing-xxl)}.comparison-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin:0 0 var(--spacing-xl) 0}.comparison-card{background-color:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.plan-comparison{text-align:center}.plan-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.plan-price{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0 0 var(--spacing-md) 0}.plan-features{margin-top:var(--spacing-md)}.feature-chip{margin:var(--spacing-xs)}.cta-section{text-align:center;margin-top:var(--spacing-xxl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border-radius:var(--radius-lg)}.cta-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.cta-subtitle{font-size:var(--font-size-md);margin:0 0 var(--spacing-lg) 0;opacity:.9}.cta-badges{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.cta-badge{background-color:var(--white);color:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 768px){.pricing-plans-container{padding:var(--spacing-md)}.plans-grid,.comparison-grid{grid-template-columns:1fr}.category-filter,.cta-badges{flex-direction:column;align-items:center}}.usage-meter{width:100%}.usage-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.usage-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-color)}.usage-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-primary)}.usage-current{font-weight:var(--font-weight-bold);color:var(--text-primary)}.usage-separator,.usage-limit{color:var(--text-secondary)}.usage-percentage{color:var(--text-secondary);font-size:var(--font-size-xs)}.usage-progress{margin-bottom:var(--spacing-sm)}.usage-warning{margin-top:var(--spacing-sm)}.user-subscription-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.subscription-header{text-align:center;margin-bottom:var(--spacing-xxl)}.subscription-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.subscription-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.plan-card{margin-bottom:var(--spacing-xl)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.plan-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.plan-name{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.plan-status{align-self:flex-start}.plan-price{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--primary-color)}.plan-details{margin-bottom:var(--spacing-lg)}.plan-description{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.plan-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--success-color);font-size:var(--font-size-sm)}.more-features{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.plan-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.usage-section{margin-bottom:var(--spacing-xl)}.usage-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.usage-card{padding:var(--spacing-lg)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.usage-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.usage-value{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.billing-card{padding:var(--spacing-lg)}.billing-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.billing-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.billing-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.billing-item:last-child{border-bottom:none}.billing-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.billing-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.cta-section{text-align:center;margin-top:var(--spacing-xl)}@media (max-width: 768px){.user-subscription-container{padding:var(--spacing-md)}.plan-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.plan-actions{flex-direction:column}.usage-grid{grid-template-columns:1fr}.billing-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.tabs{display:flex;flex-direction:column;width:100%}.tabs-horizontal{flex-direction:column}.tabs-vertical{flex-direction:row}.tab-list{display:flex;border-bottom:1px solid var(--border-light);background-color:var(--bg-paper);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-list-vertical{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-light);min-width:200px}.tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;min-height:48px}.tab:hover:not(.tab-disabled){color:var(--text-primary);background-color:var(--gray-50)}.tab:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.tab-active{color:var(--primary-color);background-color:var(--bg-paper)}.tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--primary-color)}.tab-disabled{color:var(--text-disabled);cursor:not-allowed;pointer-events:none}.tab-content{display:flex;align-items:center;gap:var(--spacing-xs)}.tab-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.tab-icon svg{width:100%;height:100%}.tab-panel{padding:var(--spacing-lg);background-color:var(--bg-paper);animation:fadeInUp .3s ease-out}.tabs-standard .tab-list{border-bottom:1px solid var(--border-light)}.tabs-standard .tab-active:after{display:block}.tabs-filled .tab-list{background-color:var(--gray-100);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--spacing-xs);gap:var(--spacing-xs)}.tabs-filled .tab{border-radius:var(--radius-sm);background-color:transparent}.tabs-filled .tab-active{background-color:var(--bg-paper);box-shadow:var(--shadow-sm)}.tabs-filled .tab-active:after{display:none}.tabs-outlined .tab-list{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-xs);gap:var(--spacing-xs)}.tabs-outlined .tab{border-radius:var(--radius-sm);background-color:transparent}.tabs-outlined .tab-active{background-color:var(--primary-color);color:var(--white)}.tabs-outlined .tab-active:after{display:none}.tabs-vertical .tab-list-vertical .tab{justify-content:flex-start;text-align:left;border-radius:0;border-bottom:1px solid var(--border-light)}.tabs-vertical .tab-list-vertical .tab:last-child{border-bottom:none}.tabs-vertical .tab-list-vertical .tab-active:after{top:0;bottom:0;left:0;right:auto;width:2px;height:auto}@media (max-width: 768px){.tab-list{overflow-x:auto;scroll-snap-type:x mandatory}.tab{flex-shrink:0;scroll-snap-align:start}.tab-panel{padding:var(--spacing-md)}}@media (max-width: 640px){.tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:40px}.tab-panel{padding:var(--spacing-sm)}}.features-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.features-header{text-align:center;margin-bottom:var(--spacing-xxl)}.features-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.features-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.category-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.category-chip{cursor:pointer;transition:all var(--transition-fast)}.category-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg);transition:all var(--transition-fast)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.feature-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;flex:1}.feature-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.feature-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-light)}.feature-detail:last-child{border-bottom:none}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.status-available{color:var(--success-color)}.status-unavailable{color:var(--warning-color)}@media (max-width: 768px){.features-container{padding:var(--spacing-md)}.features-grid{grid-template-columns:1fr}.category-filter{flex-direction:column;align-items:center}.feature-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-light);background-color:var(--bg-paper)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);color:var(--text-primary)}.table-small{font-size:var(--font-size-xs)}.table-medium{font-size:var(--font-size-sm)}.table-large{font-size:var(--font-size-md)}.table-head{background-color:var(--gray-50);border-bottom:2px solid var(--border-light)}.table-body{background-color:var(--bg-paper)}.table-row{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-cell,.table-header{padding:var(--spacing-sm) var(--spacing-md);text-align:left;vertical-align:middle;border-right:1px solid var(--border-light)}.table-cell:last-child,.table-header:last-child{border-right:none}.table-cell-content{display:flex;align-items:center;gap:var(--spacing-xs);min-height:20px}.table-cell-left,.table-header-left{text-align:left}.table-cell-center,.table-header-center{text-align:center}.table-cell-right,.table-header-right{text-align:right}.table-header{font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--gray-50);position:sticky;top:0;z-index:1}.table-cell-sortable,.table-header-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.table-cell-sortable:hover,.table-header-sortable:hover{background-color:var(--gray-100)}.table-sort-icon{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--text-secondary);transition:color var(--transition-fast)}.table-cell-sortable:hover .table-sort-icon,.table-header-sortable:hover .table-sort-icon{color:var(--text-primary)}.table-striped .table-row:nth-child(2n){background-color:var(--gray-50)}.table-hoverable .table-row:hover{background-color:var(--gray-100)}@media (max-width: 768px){.table-container{font-size:var(--font-size-xs)}.table-cell,.table-header{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 640px){.table-container{border-radius:var(--radius-md)}.table-cell,.table-header{padding:var(--spacing-xs);font-size:var(--font-size-xs)}}.subscription-management-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:60px;height:60px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.management-header{text-align:center;margin-bottom:var(--spacing-xxl)}.management-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.management-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.current-plan-card{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.current-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.current-plan-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.current-plan-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.plan-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.plan-price{font-size:var(--font-size-md);color:var(--primary-color);font-weight:var(--font-weight-medium);margin:0}.plans-table-card{padding:var(--spacing-lg)}.table-header{margin-bottom:var(--spacing-lg)}.table-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.table-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.plans-table{width:100%}.plan-actions{display:flex;gap:var(--spacing-sm);align-items:center}.success-alert{margin-top:var(--spacing-lg)}@media (max-width: 768px){.subscription-management-container{padding:var(--spacing-md)}.current-plan-details{flex-direction:column;align-items:flex-start}.plan-actions{width:100%;justify-content:flex-start}}.dashboard{display:flex;min-height:100vh;background-color:#f8fafc}.dashboard-sidebar{width:280px;background:linear-gradient(180deg,#1e293b,#334155);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:20px;font-weight:700;margin:0;color:#fff}.sidebar-divider{height:1px;background:#ffffff1a;margin:0 20px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;font-weight:500}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;border-right:3px solid #3b82f6}.nav-item svg{margin-right:12px;flex-shrink:0}.nav-item.logout{color:#f87171;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.nav-item.logout:hover{background:#f871711a;color:#fca5a5}.sidebar-footer{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.dashboard-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:#fff;padding:20px 32px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.page-title{font-size:28px;font-weight:700;color:#1a202c;margin:0}.header-right{display:flex;align-items:center;gap:16px}.user-menu{position:relative}.user-avatar{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease}.user-avatar:hover{background-color:#f1f5f9}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;min-width:200px;z-index:1000;margin-top:8px}.dropdown-user-info{padding:16px;border-bottom:1px solid #e2e8f0}.dropdown-user-name{font-weight:600;color:#1a202c;font-size:14px}.dropdown-user-email{color:#64748b;font-size:12px;margin-top:2px}.dropdown-user-role{color:#3b82f6;font-size:12px;font-weight:500;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item:last-child{color:#dc2626}.dropdown-item:last-child:hover{background-color:#fef2f2}.dashboard-content{flex:1;padding:32px;overflow-y:auto}@media (max-width: 1024px){.dashboard-sidebar{width:240px}.dashboard-main{margin-left:240px}.dashboard-header{padding:16px 24px}.page-title{font-size:24px}.dashboard-content{padding:24px}}@media (max-width: 768px){.dashboard-sidebar{transform:translate(-100%);transition:transform .3s ease}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0}.dashboard-header{padding:12px 16px}.page-title{font-size:20px}.dashboard-content{padding:16px}}@media (max-width: 480px){.dashboard-header{padding:8px 12px}.page-title{font-size:18px}.dashboard-content{padding:12px}.dropdown-menu{min-width:180px}}.modern-profile{max-width:1400px;margin:0 auto;padding:0}.profile-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:16px;margin-bottom:32px;box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.profile-avatar-section{display:flex;align-items:center;gap:24px;position:relative;z-index:1}.profile-avatar{position:relative}.avatar-circle{width:80px;height:80px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 8px 32px #0003}.avatar-status{position:absolute;bottom:4px;right:4px}.status-dot{width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0003}.status-dot.active{background:#10b981}.status-dot.inactive{background:#ef4444}.profile-info{display:flex;flex-direction:column;gap:8px}.profile-name{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-email{font-size:16px;opacity:.9;margin:0}.profile-badges{display:flex;gap:8px;margin-top:8px}.profile-actions{position:relative;z-index:1}.profile-completion{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:32px;border:1px solid #e2e8f0}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.completion-header h3{font-size:18px;font-weight:600;color:#1a202c;margin:0}.completion-percentage{font-size:24px;font-weight:700;color:#667eea}.completion-text{color:#64748b;font-size:14px;margin:12px 0 0}.profile-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 16px #0000001a;margin-bottom:32px;border:1px solid #e2e8f0;overflow-x:auto;gap:4px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#64748b;white-space:nowrap;min-width:fit-content}.tab-button:hover{background:#f8fafc;color:#334155}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.tab-icon{font-size:16px}.tab-label{font-weight:500}.tab-content{min-height:400px}.overview-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stats-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.stats-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.stats-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:8px}.stats-header h3{font-size:18px;font-weight:600;color:#1a202c;margin:0}.stats-content{padding:24px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.stat-item:last-child{border-bottom:none}.stat-label{font-size:14px;color:#64748b;font-weight:500}.stat-value{font-size:14px;color:#1a202c;font-weight:600}.info-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.info-card .card-header{padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.info-card .card-header h3{font-size:20px;font-weight:600;margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.info-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.info-item:hover{background:#f1f5f9;border-color:#cbd5e1}.info-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:8px;flex-shrink:0}.info-content{flex:1;display:flex;flex-direction:column;gap:4px}.info-content label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-content span{font-size:14px;color:#1a202c;font-weight:500}.settings-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.settings-card .card-header{padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.settings-card .card-header h3{font-size:18px;font-weight:600;margin:0}.settings-content{padding:24px}.setting-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.setting-item:last-child{border-bottom:none}.setting-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:6px;flex-shrink:0}.setting-info{flex:1;display:flex;flex-direction:column;gap:2px}.setting-info label{font-size:14px;color:#1a202c;font-weight:600}.setting-info span{font-size:12px;color:#64748b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{color:#64748b;font-size:16px;margin:0;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.error-message{color:#ef4444;font-size:16px;margin-bottom:20px;font-weight:500}@media (max-width: 1200px){.modern-profile{padding:0 16px}.overview-grid,.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.profile-header{flex-direction:column;gap:24px;text-align:center;padding:24px}.profile-avatar-section{flex-direction:column;gap:16px}.profile-name{font-size:24px}.profile-tabs{flex-direction:column;gap:8px}.tab-button{justify-content:center;padding:16px 20px}.overview-grid,.info-grid,.settings-grid{grid-template-columns:1fr}.stats-content{padding:20px}.info-card .card-header,.settings-card .card-header{padding:16px 20px}.info-grid,.settings-content{padding:20px}}@media (max-width: 480px){.modern-profile{padding:0 12px}.profile-header,.profile-completion{padding:20px;margin-bottom:24px}.profile-tabs{margin-bottom:24px}.avatar-circle{width:64px;height:64px;font-size:24px}.profile-name{font-size:20px}.completion-header h3{font-size:16px}.completion-percentage{font-size:20px}.stats-header{padding:16px 20px}.stats-header h3{font-size:16px}.info-item,.setting-item{padding:12px}.info-icon,.setting-icon{width:32px;height:32px;font-size:16px}}.stats-card,.info-card,.settings-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-header{animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-badges .badge{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-completion .progress{height:8px;border-radius:4px;background:#e2e8f0;overflow:hidden}.profile-completion .progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;border-radius:4px;transition:width .6s ease}.App{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.custom-button{background:linear-gradient(45deg,#1976d2 30%,#42a5f5 90%);border:0;border-radius:8px;color:#fff;height:48px;padding:0 30px;box-shadow:0 3px 5px 2px #1976d24d;transition:all .3s ease}.custom-button:hover{transform:translateY(-2px);box-shadow:0 6px 10px 2px #1976d266}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.status-completed{background-color:#4caf50;color:#fff}.status-pending{background-color:#ff9800;color:#fff}.status-in-progress{background-color:#2196f3;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.App{background:#f5f5f5}}