@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .25rem;--radius-xl: .25rem;--radius-2xl: .25rem;--radius-full: 9999px;--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 -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:400;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.025em}h1{font-size:2.25rem;font-weight:800}h2{font-size:1.875rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500}::selection{background-color:var(--primary-200);color:var(--primary-800)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none;white-space:nowrap;overflow:hidden}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700),var(--primary-800));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-600),#047857);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;box-shadow:var(--shadow-sm)}.btn-danger{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;box-shadow:var(--shadow-sm)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.75rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:600}.card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal);overflow:hidden;position:relative}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-lg)}.card-gradient{background:linear-gradient(135deg,white,var(--gray-50))}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50),white)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;color:var(--gray-700);letter-spacing:.025em}.form-label.required:after{content:" *";color:var(--error-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:.875rem;line-height:1.5;color:var(--gray-900);background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);background:var(--primary-50)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.form-error{margin-top:var(--space-1);font-size:.75rem;color:var(--error-600);font-weight:500}.form-help{margin-top:var(--space-1);font-size:.75rem;color:var(--gray-500)}.input-group{position:relative;display:flex}.input-group-prepend,.input-group-append{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-600);font-size:.875rem}.input-group-prepend{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.input-group-append{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none}.input-group .form-input{border-radius:0}.input-group .form-input:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .form-input:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:600;color:var(--gray-700);background:var(--gray-50);border-bottom:1px solid var(--gray-200);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);color:var(--gray-900);vertical-align:top}.table tbody tr:hover{background:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;line-height:1;border-radius:var(--radius-full);border:1px solid transparent}.badge-primary{background:var(--primary-100);color:var(--primary-800);border-color:var(--primary-200)}.badge-success{background:var(--success-100);color:var(--success-800);border-color:var(--success-200)}.badge-warning{background:var(--warning-100);color:var(--warning-800);border-color:var(--warning-200)}.badge-error{background:var(--error-100);color:var(--error-800);border-color:var(--error-200)}.badge-gray{background:var(--gray-100);color:var(--gray-800);border-color:var(--gray-200)}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-12{grid-column:span 12 / span 12}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-6>*+*{margin-left:var(--space-6)}.space-x-8>*+*{margin-left:var(--space-8)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.w-auto{width:auto}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-0{width:0}.w-1{width:var(--space-1)}.w-2{width:var(--space-2)}.w-3{width:var(--space-3)}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-10{width:var(--space-10)}.w-12{width:var(--space-12)}.w-16{width:var(--space-16)}.w-20{width:var(--space-20)}.w-24{width:var(--space-24)}.w-32{width:var(--space-32)}.w-64{width:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.h-0{height:0}.h-1{height:var(--space-1)}.h-2{height:var(--space-2)}.h-3{height:var(--space-3)}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-10{height:var(--space-10)}.h-12{height:var(--space-12)}.h-16{height:var(--space-16)}.h-20{height:var(--space-20)}.h-24{height:var(--space-24)}.h-32{height:var(--space-32)}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.max-h-screen{max-height:100vh}.max-h-full{max-height:100%}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.bg-white{background-color:#fff}.bg-gray-300{background-color:#d1d5db}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-green-600{color:#059669}.text-yellow-600{color:#d97706}.text-purple-600{color:#7c3aed}.border-b-2{border-bottom-width:2px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.hidden{display:none}.fixed{position:fixed}.inset-y-0{top:0;bottom:0}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-x-3>*+*{margin-left:.75rem}.w-full{width:100%}.rounded{border-radius:.125rem}.rounded-md,.rounded-lg{border-radius:.25rem}.rounded-l{border-radius:.125rem 0 0 .125rem}.rounded-r{border-radius:0 .125rem .125rem 0}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-purple-500{background-color:#8b5cf6}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-64{width:16rem}.md\:flex-col{flex-direction:column}.md\:fixed{position:fixed}.md\:inset-y-0{top:0;bottom:0}.md\:ml-64{margin-left:16rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.sidebar-nav-item{display:flex;align-items:center;padding:.5rem;font-size:.875rem;font-weight:500;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out;text-decoration:none;color:#4b5563}.sidebar-nav-item:hover{background-color:#f9fafb;color:#111827}.sidebar-nav-item.active{background-color:#dbeafe;color:#1e40af}.bg-primary-600{background-color:#2563eb}.text-primary-900{color:#1e3a8a}.bg-primary-100{background-color:#dbeafe}.text-primary-600{color:#2563eb}@media(max-width:768px){.MuiTableContainer-root{overflow-x:auto!important}.MuiTable-root{min-width:600px}.MuiTableCell-root{padding:8px 12px!important;font-size:.875rem!important}.MuiTableHead-root .MuiTableCell-root{font-size:.75rem!important;font-weight:600!important}}@media(max-width:768px){.MuiButton-root{min-height:44px!important;padding:8px 16px!important;font-size:.75rem!important}.MuiIconButton-root{min-width:44px!important;min-height:44px!important}.MuiListItemButton-root{min-height:48px!important;padding:12px 16px!important}.MuiChip-root{font-size:.7rem!important;height:24px!important}.MuiAvatar-root{width:32px!important;height:32px!important}}@media(max-width:768px){.MuiDialog-paper{margin:16px!important;max-width:calc(100% - 32px)!important;max-height:calc(100% - 32px)!important}.MuiDialogContent-root{padding:16px!important}.MuiDialogTitle-root{padding:16px!important;font-size:1.25rem!important}.MuiDialogActions-root{padding:16px!important;gap:8px!important}.MuiFormControl-root,.MuiTextField-root{margin-bottom:16px!important}.MuiInputBase-root,.MuiInputLabel-root{font-size:.875rem!important}}@media(max-width:768px){.MuiCard-root{margin:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid #e5e7eb!important}.MuiCardContent-root{padding:16px!important}.MuiPaper-root{border-radius:0!important;margin:0!important}}@media(max-width:768px){.MuiTypography-h4{font-size:1.5rem!important}.MuiTypography-h5{font-size:1.25rem!important}.MuiTypography-h6{font-size:1.125rem!important}}@media(max-width:768px){.MuiGrid-item{padding:8px!important}.MuiGrid-container{padding:0!important;margin:0!important}}@media(max-width:768px){.MuiPagination-root{display:flex!important;justify-content:center!important}.MuiPaginationItem-root{min-width:32px!important;height:32px!important;font-size:.75rem!important}}@media(max-width:768px){.MuiStack-root{gap:8px!important}}