*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%;display:flex;flex-direction:column}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode ::-webkit-scrollbar-track{background:#2c2c2c}.dark-mode ::-webkit-scrollbar-thumb{background:#555}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#777}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%}.dark-mode .skeleton{background:linear-gradient(to right,#2c2c2c,#3c3c3c,#2c2c2c);background-size:1000px 100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}.slide-enter{transform:translate(-100%)}.slide-enter-active{transform:translate(0);transition:transform .3s ease-in-out}.slide-exit{transform:translate(0)}.slide-exit-active{transform:translate(-100%);transition:transform .3s ease-in-out}.scale-enter{transform:scale(.9);opacity:0}.scale-enter-active{transform:scale(1);opacity:1;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.scale-exit{transform:scale(1);opacity:1}.scale-exit-active{transform:scale(.9);opacity:0;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-column{display:flex;flex-direction:column}.full-height{height:100%}.full-width{width:100%}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.m-1{margin:8px!important}.mt-1{margin-top:8px!important}.mb-1{margin-bottom:8px!important}.ml-1{margin-left:8px!important}.mr-1{margin-right:8px!important}.m-2{margin:16px!important}.mt-2{margin-top:16px!important}.mb-2{margin-bottom:16px!important}.ml-2{margin-left:16px!important}.mr-2{margin-right:16px!important}.m-3{margin:24px!important}.mt-3{margin-top:24px!important}.mb-3{margin-bottom:24px!important}.ml-3{margin-left:24px!important}.mr-3{margin-right:24px!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.p-1{padding:8px!important}.pt-1{padding-top:8px!important}.pb-1{padding-bottom:8px!important}.pl-1{padding-left:8px!important}.pr-1{padding-right:8px!important}.p-2{padding:16px!important}.pt-2{padding-top:16px!important}.pb-2{padding-bottom:16px!important}.pl-2{padding-left:16px!important}.pr-2{padding-right:16px!important}.p-3{padding:24px!important}.pt-3{padding-top:24px!important}.pb-3{padding-bottom:24px!important}.pl-3{padding-left:24px!important}.pr-3{padding-right:24px!important}.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}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-50{opacity:.5!important}.opacity-100{opacity:1!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-right-0{border-right:0!important}.rounded{border-radius:8px!important}.rounded-sm{border-radius:4px!important}.rounded-lg{border-radius:12px!important}.rounded-xl{border-radius:16px!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow{box-shadow:0 1px 3px #0000001f!important}.shadow-md{box-shadow:0 4px 6px #0000001f!important}.shadow-lg{box-shadow:0 10px 20px #0000001f!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}@media(max-width:599px){.hide-xs{display:none!important}}@media(min-width:600px)and (max-width:959px){.hide-sm{display:none!important}}@media(min-width:960px)and (max-width:1279px){.hide-md{display:none!important}}@media(min-width:1280px){.hide-lg{display:none!important}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}a{text-decoration:underline}.page-break{page-break-after:always}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible:focus{outline:2px solid #0B4F6C;outline-offset:2px}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-all{transition:all .3s ease-in-out}.transition-fast{transition:all .15s ease-in-out}.transition-slow{transition:all .5s ease-in-out}.img-fluid{max-width:100%;height:auto}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.status-pending{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#f3f4f6;color:#374151}.dark-mode .status-pending{background-color:#78350f;color:#fef3c7}.dark-mode .status-approved{background-color:#064e3b;color:#d1fae5}.dark-mode .status-rejected{background-color:#7f1d1d;color:#fee2e2}.dark-mode .status-active{background-color:#064e3b;color:#d1fae5}.dark-mode .status-inactive{background-color:#374151;color:#f3f4f6}