:root{--color-primary-900:#181b29;--color-primary-800:#1f2233;--color-primary-700:#2b3048;--color-accent-500:#f36c2f;--color-accent-600:#e05f27;--color-white:#fff;--color-gray-50:#f8f9fb;--color-gray-100:#f1f3f7;--color-gray-200:#e3e6ed;--color-gray-400:#9aa0b4;--color-gray-600:#5f657d;--color-gray-800:#2a2e3f;--color-success:#2ecc71;--color-warning:#f5a623;--color-error:#e74c3c;--color-info:#3498db;--font-family-base:"Inter","Roboto","Helvetica Neue",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #1f223314;--shadow-md:0 4px 12px #1f22331f;--shadow-lg:0 8px 24px #1f223329;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fb;background-color:var(--color-gray-50);color:#2a2e3f;color:var(--color-gray-800);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-base);font-size:16px;font-size:var(--font-size-md);line-height:1.5;margin:0;overflow-x:hidden;padding:0}img{display:block;max-width:100%}a{color:#f36c2f;color:var(--color-accent-500);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#e05f27;color:var(--color-accent-600)}.text-xs{font-size:12px;font-size:var(--font-size-xs)}.text-sm{font-size:14px;font-size:var(--font-size-sm)}.text-md{font-size:16px;font-size:var(--font-size-md)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:22px;font-size:var(--font-size-xl)}.text-2xl{font-size:28px;font-size:var(--font-size-2xl)}.font-regular{font-weight:400;font-weight:var(--font-weight-regular)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-primary{color:#181b29;color:var(--color-primary-900)}.text-accent{color:#f36c2f;color:var(--color-accent-500)}.text-muted{color:#5f657d;color:var(--color-gray-600)}.text-light{color:#9aa0b4;color:var(--color-gray-400)}.p-1{padding:4px;padding:var(--space-1)}.p-2{padding:8px;padding:var(--space-2)}.p-3{padding:12px;padding:var(--space-3)}.p-4{padding:16px;padding:var(--space-4)}.p-5{padding:24px;padding:var(--space-5)}.p-6{padding:32px;padding:var(--space-6)}.m-1{margin:4px;margin:var(--space-1)}.m-2{margin:8px;margin:var(--space-2)}.m-3{margin:12px;margin:var(--space-3)}.m-4{margin:16px;margin:var(--space-4)}.m-5{margin:24px;margin:var(--space-5)}.m-6{margin:32px;margin:var(--space-6)}.mb-1{margin-bottom:4px;margin-bottom:var(--space-1)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-3{margin-bottom:12px;margin-bottom:var(--space-3)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-5{margin-bottom:24px;margin-bottom:var(--space-5)}.mb-6{margin-bottom:32px;margin-bottom:var(--space-6)}.mt-1{margin-top:4px;margin-top:var(--space-1)}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-3{margin-top:12px;margin-top:var(--space-3)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.mt-5{margin-top:24px;margin-top:var(--space-5)}.mt-6{margin-top:32px;margin-top:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.gap-5{gap:24px;gap:var(--space-5)}.zl-button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:12px 24px;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .25s ease;transition:all var(--transition-normal)}.zl-button:disabled{cursor:not-allowed;opacity:.6}.zl-button-primary{background-color:#f36c2f;background-color:var(--color-accent-500);color:#fff;color:var(--color-white)}.zl-button-primary:hover:not(:disabled){background-color:#e05f27;background-color:var(--color-accent-600);box-shadow:0 4px 12px #1f22331f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.zl-button-secondary{background-color:#f1f3f7;background-color:var(--color-gray-100);color:#2a2e3f;color:var(--color-gray-800)}.zl-button-secondary:hover:not(:disabled){background-color:#e3e6ed;background-color:var(--color-gray-200)}.zl-button-outline{background-color:initial;border:1px solid #f36c2f;border:1px solid var(--color-accent-500);color:#f36c2f;color:var(--color-accent-500)}.zl-button-outline:hover:not(:disabled){background-color:#f36c2f;background-color:var(--color-accent-500);color:#fff;color:var(--color-white)}.zl-card{background-color:#fff;background-color:var(--color-white);border:1px solid #e3e6ed;border:1px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1f223314;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--space-5);padding:24px;padding:var(--space-5);transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.zl-card:hover{box-shadow:0 4px 12px #1f22331f;box-shadow:var(--shadow-md)}.zl-card-header{color:#181b29;color:var(--color-primary-900);font-size:18px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--space-3)}.zl-card-body{color:#5f657d;color:var(--color-gray-600)}.zl-card-footer{border-top:1px solid #e3e6ed;border-top:1px solid var(--color-gray-200);display:flex;gap:12px;gap:var(--space-3);justify-content:flex-end;margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.zl-form-group{margin-bottom:16px;margin-bottom:var(--space-4)}.zl-label{color:#5f657d;color:var(--color-gray-600);display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-2)}.zl-input,.zl-label,.zl-select,.zl-textarea{font-size:14px;font-size:var(--font-size-sm)}.zl-input,.zl-select,.zl-textarea{background-color:#fff;background-color:var(--color-white);border:1px solid #e3e6ed;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius-md);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-base);padding:12px;padding:var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.zl-input:focus,.zl-select:focus,.zl-textarea:focus{border-color:#f36c2f;border-color:var(--color-accent-500);box-shadow:0 0 0 3px #f36c2f26;outline:none}.zl-input::placeholder,.zl-textarea::placeholder{color:#9aa0b4;color:var(--color-gray-400)}.zl-input-error{border-color:#e74c3c;border-color:var(--color-error)}.zl-error-text{color:#e74c3c;color:var(--color-error);font-size:12px;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--space-1)}.zl-table-wrapper{background-color:#fff;background-color:var(--color-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1f223314;box-shadow:var(--shadow-sm);overflow-x:auto}.zl-table{border-collapse:collapse;width:100%}.zl-table thead{background-color:#f8f9fb;background-color:var(--color-gray-50)}.zl-table td,.zl-table th{border-bottom:1px solid #e3e6ed;border-bottom:1px solid var(--color-gray-200);font-size:14px;font-size:var(--font-size-sm);padding:16px;padding:var(--space-4);text-align:left}.zl-table th{color:#5f657d;color:var(--color-gray-600);font-size:12px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.zl-table tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast)}.zl-table tbody tr:hover{background-color:#f1f3f7;background-color:var(--color-gray-100)}.zl-table tbody tr:last-child td{border-bottom:none}.zl-badge{align-items:center;border-radius:16px;border-radius:var(--radius-xl);display:inline-flex;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:4px 12px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.zl-badge-success{background-color:#2ecc7126;color:#27ae60}.zl-badge-warning{background-color:#f5a62326;color:#f39c12}.zl-badge-error{background-color:#e74c3c26;color:#c0392b}.zl-badge-info{background-color:#3498db26;color:#2980b9}.zl-badge-default{background-color:#f1f3f7;background-color:var(--color-gray-100);color:#5f657d;color:var(--color-gray-600)}.zl-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f1f3f7 25%,#e3e6ed 50%,#f1f3f7 75%);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;border-radius:4px;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f3f7;background:var(--color-gray-100);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:#9aa0b4;background:var(--color-gray-400);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#5f657d;background:var(--color-gray-600)}@media (max-width:600px){.hide-on-mobile{display:none!important}:root{--font-size-2xl:24px;--font-size-xl:20px;--font-size-lg:16px}}@media (min-width:601px) and (max-width:960px){.hide-on-tablet{display:none!important}}@media (min-width:961px){.hide-on-desktop{display:none!important}}@media (max-width:768px){.zl-table-wrapper{background:#0000;box-shadow:none;overflow:visible}.zl-table,.zl-table tbody,.zl-table td,.zl-table th,.zl-table thead,.zl-table tr{display:block}.zl-table thead{display:none}.zl-table tbody tr{border:1px solid #e3e6ed;border:1px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1f223314;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--space-4);padding:16px;padding:var(--space-4)}.zl-table tbody tr,.zl-table tbody tr:hover{background-color:#fff;background-color:var(--color-white)}.zl-table tbody tr:hover{box-shadow:0 4px 12px #1f22331f;box-shadow:var(--shadow-md)}.zl-table td{align-items:center;border:none;display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:8px 0;padding:var(--space-2) 0}.zl-table td:before{color:#5f657d;color:var(--color-gray-600);content:attr(data-label);flex-shrink:0;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);text-transform:uppercase}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn ease-out .25s ease;animation:fadeIn var(--transition-normal) ease-out}.animate-slideIn{animation:slideIn ease-out .25s ease;animation:slideIn var(--transition-normal) ease-out}:focus-visible{outline:2px solid #f36c2f;outline:2px solid var(--color-accent-500);outline-offset:2px}@media print{body{background:#fff}.no-print{display:none!important}}.App{min-height:100vh}.main-content{background-color:#f8f9fb;background-color:var(--color-gray-50,#f8f9fb);min-height:calc(100vh - 64px);padding:24px;padding:var(--space-5,24px)}@media (max-width:600px){.main-content{padding:12px;padding:var(--space-3,12px)}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-5,24px)}.page-header h1,.page-header h2{color:#2a2e3f;color:var(--color-gray-800,#2a2e3f);margin:0}@media (max-width:600px){.page-header{align-items:flex-start;flex-direction:column}.page-header-actions{display:flex;gap:8px;gap:var(--space-2,8px);width:100%}.page-header-actions .MuiButton-root{flex:1 1}}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.filter-bar .MuiFormControl-root,.filter-bar .MuiTextField-root{min-width:200px}@media (max-width:600px){.filter-bar{flex-direction:column}.filter-bar .MuiFormControl-root,.filter-bar .MuiTextField-root{min-width:0;min-width:auto;width:100%}}.empty-state{align-items:center;color:#5f657d;color:var(--color-gray-600,#5f657d);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;padding:var(--space-7,48px) var(--space-5,24px);text-align:center}.empty-state-icon{color:#9aa0b4;color:var(--color-gray-400,#9aa0b4);font-size:64px;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.empty-state-title{color:#2a2e3f;color:var(--color-gray-800,#2a2e3f);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.empty-state-description{font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:24px;margin-bottom:var(--space-5,24px);max-width:400px}.swal2-container{z-index:10000!important}.swal2-front{z-index:10001!important}.swal2-popup{border-radius:12px!important;border-radius:var(--radius-lg,12px)!important;font-family:Inter,Roboto,sans-serif!important;font-family:var(--font-family-base,"Inter","Roboto",sans-serif)!important}.swal2-title{color:#2a2e3f!important;color:var(--color-gray-800,#2a2e3f)!important;font-weight:600!important;font-weight:var(--font-weight-semibold,600)!important}.swal2-confirm{background-color:#f36c2f!important;background-color:var(--color-accent-500,#f36c2f)!important;border-radius:8px!important;border-radius:var(--radius-md,8px)!important;font-weight:500!important;font-weight:var(--font-weight-medium,500)!important}.swal2-confirm:focus{box-shadow:0 0 0 3px #f36c2f4d!important}.swal2-cancel{border-radius:8px!important;border-radius:var(--radius-md,8px)!important;font-weight:500!important;font-weight:var(--font-weight-medium,500)!important}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f8f9fbe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:768px){.responsive-table .MuiTable-root{display:block}.responsive-table .MuiTableHead-root{display:none}.responsive-table .MuiTableBody-root{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.responsive-table .MuiTableRow-root{background-color:#fff;background-color:var(--color-white,#fff);border:1px solid #e3e6ed;border:1px solid var(--color-gray-200,#e3e6ed);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px #1f223314;box-shadow:var(--shadow-sm,0 1px 2px #1f223314);display:flex;flex-direction:column;padding:16px;padding:var(--space-4,16px)}.responsive-table .MuiTableCell-root{align-items:center;border-bottom:1px solid #f1f3f7;border-bottom:1px solid var(--color-gray-100,#f1f3f7);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-2,8px) 0}.responsive-table .MuiTableCell-root:last-child{border-bottom:none;gap:8px;gap:var(--space-2,8px);justify-content:flex-end;padding-top:12px;padding-top:var(--space-3,12px)}.responsive-table .MuiTableCell-root:before{color:#5f657d;color:var(--color-gray-600,#5f657d);content:attr(data-label);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;font-weight:var(--font-weight-medium,500);text-transform:uppercase}}.mobile-card{background-color:#fff;background-color:var(--color-white,#fff);border:1px solid #e3e6ed;border:1px solid var(--color-gray-200,#e3e6ed);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px #1f223314;box-shadow:var(--shadow-sm,0 1px 2px #1f223314);margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:16px;padding:var(--space-4,16px);transition:box-shadow .2s ease,transform .2s ease}.mobile-card:hover{box-shadow:0 4px 12px #1f22331f;box-shadow:var(--shadow-md,0 4px 12px #1f22331f);transform:translateY(-2px)}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3,12px)}.mobile-card-title{color:#2a2e3f;color:var(--color-gray-800,#2a2e3f);font-size:16px;font-size:var(--font-size-md,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.mobile-card-subtitle{color:#5f657d;color:var(--color-gray-600,#5f657d);font-size:14px;font-size:var(--font-size-sm,14px);margin-top:4px;margin-top:var(--space-1,4px)}.mobile-card-body{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.mobile-card-row{align-items:center;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);justify-content:space-between}.mobile-card-label{color:#5f657d;color:var(--color-gray-600,#5f657d)}.mobile-card-value{color:#2a2e3f;color:var(--color-gray-800,#2a2e3f);font-weight:500;font-weight:var(--font-weight-medium,500)}.mobile-card-footer{border-top:1px solid #e3e6ed;border-top:1px solid var(--color-gray-200,#e3e6ed);display:flex;gap:8px;gap:var(--space-2,8px);justify-content:flex-end;margin-top:16px;margin-top:var(--space-4,16px);padding-top:12px;padding-top:var(--space-3,12px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-slideInRight{animation:slideInRight .3s ease-out forwards}