@keyframes buttonSpin{to{transform:rotate(360deg)}}.container{width:100%;max-width:1600px;margin-inline:auto;padding-inline:24px}@media (max-width:1200px){.container{padding-inline:20px}}@media (max-width:768px){.container{padding-inline:16px}}.container-fluid{width:100%;margin-inline:auto;padding-inline:24px}@media (max-width:768px){.container-fluid{padding-inline:16px}}.grid{width:100%;min-width:0;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));width:100%;min-width:0;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;min-width:0;display:grid}.grid-fill{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:100%;min-width:0;display:grid}.col-auto{grid-column:auto}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-13{grid-column-start:13}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.row-3{grid-row:span 3}.row-4{grid-row:span 4}.row-5{grid-row:span 5}.row-6{grid-row:span 6}.row-auto{grid-row:auto}.row-full{grid-row:1/-1}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-end-1{grid-row-end:1}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.gap-xxl{gap:40px}.gap-x-0{column-gap:0}.gap-x-xs{column-gap:4px}.gap-x-sm{column-gap:8px}.gap-x-md{column-gap:16px}.gap-x-lg{column-gap:24px}.gap-x-xl{column-gap:32px}.gap-x-xxl{column-gap:40px}.gap-y-0{row-gap:0}.gap-y-xs{row-gap:4px}.gap-y-sm{row-gap:8px}.gap-y-md{row-gap:16px}.gap-y-lg{row-gap:24px}.gap-y-xl{row-gap:32px}.gap-y-xxl{row-gap:40px}.grid-start{align-items:start}.grid-center{align-items:center}.grid-end{align-items:end}.grid-stretch{align-items:stretch}.grid-justify-start{justify-items:start}.grid-justify-center{justify-items:center}.grid-justify-end{justify-items:end}.grid-justify-stretch{justify-items:stretch}.grid-place-center{place-items:center}.grid-place-start{place-items:start}.grid-place-end{place-items:end}.grid-flow-row{grid-auto-flow:row}.grid-flow-column{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}@media (max-width:1200px){.xl-col-1{grid-column:span 1}.xl-col-2{grid-column:span 2}.xl-col-3{grid-column:span 3}.xl-col-4{grid-column:span 4}.xl-col-5{grid-column:span 5}.xl-col-6{grid-column:span 6}.xl-col-7{grid-column:span 7}.xl-col-8{grid-column:span 8}.xl-col-9{grid-column:span 9}.xl-col-10{grid-column:span 10}.xl-col-11{grid-column:span 11}.xl-col-12{grid-column:span 12}.xl-col-full{grid-column:1/-1}}@media (max-width:992px){.lg-col-1{grid-column:span 1}.lg-col-2{grid-column:span 2}.lg-col-3{grid-column:span 3}.lg-col-4{grid-column:span 4}.lg-col-5{grid-column:span 5}.lg-col-6{grid-column:span 6}.lg-col-7{grid-column:span 7}.lg-col-8{grid-column:span 8}.lg-col-9{grid-column:span 9}.lg-col-10{grid-column:span 10}.lg-col-11{grid-column:span 11}.lg-col-12{grid-column:span 12}.lg-col-full{grid-column:1/-1}}@media (max-width:768px){.md-col-1{grid-column:span 1}.md-col-2{grid-column:span 2}.md-col-3{grid-column:span 3}.md-col-4{grid-column:span 4}.md-col-5{grid-column:span 5}.md-col-6{grid-column:span 6}.md-col-7{grid-column:span 7}.md-col-8{grid-column:span 8}.md-col-9{grid-column:span 9}.md-col-10{grid-column:span 10}.md-col-11{grid-column:span 11}.md-col-12{grid-column:span 12}.md-col-full{grid-column:1/-1}.md-grid-1{grid-template-columns:1fr}.md-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:576px){.sm-col-1{grid-column:span 1}.sm-col-2{grid-column:span 2}.sm-col-3{grid-column:span 3}.sm-col-4{grid-column:span 4}.sm-col-5{grid-column:span 5}.sm-col-6{grid-column:span 6}.sm-col-7{grid-column:span 7}.sm-col-8{grid-column:span 8}.sm-col-9{grid-column:span 9}.sm-col-10{grid-column:span 10}.sm-col-11{grid-column:span 11}.sm-col-12{grid-column:span 12}.sm-col-full{grid-column:1/-1}.sm-grid-1{grid-template-columns:1fr}.sm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.xs-col-1{grid-column:span 1}.xs-col-2{grid-column:span 2}.xs-col-3{grid-column:span 3}.xs-col-4{grid-column:span 4}.xs-col-5{grid-column:span 5}.xs-col-6{grid-column:span 6}.xs-col-7{grid-column:span 7}.xs-col-8{grid-column:span 8}.xs-col-9{grid-column:span 9}.xs-col-10{grid-column:span 10}.xs-col-11{grid-column:span 11}.xs-col-12{grid-column:span 12}.xs-col-full{grid-column:1/-1}.xs-grid-1{grid-template-columns:1fr}}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.searchBox{width:360px;max-width:100%;min-height:40px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:9px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.searchBox:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent)}.searchBox input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:13px}.searchBox input::placeholder{color:var(--color-text-secondary)}.filterSelect{min-height:40px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;outline:none;padding:0 32px 0 12px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:13px}.filterSelect:focus{border-color:var(--color-primary)}.tableCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:100%;overflow:hidden}.tableWrapper{width:100%;overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;min-width:900px;font-family:Inter,Arial,Helvetica,sans-serif}.dataTable th{height:46px;color:var(--color-text-secondary);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);text-align:left;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:0 16px;font-size:11px;font-weight:600}.dataTable td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap;padding:12px 16px;font-size:12px}.dataTable tbody tr{transition:background-color .2s}.dataTable tbody tr:hover{background:var(--color-surface-secondary)}.dataTable tbody tr:last-child td{border-bottom:0}.idValue{min-height:24px;color:var(--color-text-secondary);background:var(--color-surface-secondary);border-radius:4px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.date{color:var(--color-text-secondary);font-size:11px}.status{border-radius:20px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.statusDot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.active{color:var(--color-success,#15803d);background:var(--color-success-light,#dcfce7)}.active .statusDot{background:currentColor}.inactive{color:var(--color-danger,#dc2626);background:var(--color-danger-light,#fee2e2)}.inactive .statusDot{background:currentColor}.actions{align-items:center;gap:6px;display:flex}.viewButton,.editButton,.deleteButton{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:28px;padding:0 9px;font-size:10px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.viewButton{color:var(--color-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border)}.editButton{color:#fff;background:var(--color-primary);border:1px solid var(--color-primary)}.deleteButton{color:var(--color-danger,#dc2626);background:var(--color-surface);border:1px solid var(--color-border)}.viewButton:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.editButton:hover{opacity:.9}.deleteButton:hover{color:#fff;background:var(--color-danger,#dc2626);border-color:var(--color-danger,#dc2626)}.emptyState{text-align:center;height:180px}.emptyContent{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:5px;display:flex}.emptyContent strong{color:var(--color-text);font-size:13px}.emptyContent span{font-size:11px}.tableFooter{min-height:52px;color:var(--color-text-secondary);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:11px;display:flex}.pagination{align-items:center;gap:4px;display:flex}.pagination button{min-width:30px;height:30px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:0 8px;font-size:10px;transition:color .2s,background-color .2s,border-color .2s}.pagination button:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .currentPage{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}@media (max-width:768px){.toolbar{align-items:stretch}.searchBox{flex:1;width:auto}}@media (max-width:576px){.toolbar{flex-direction:column}.searchBox,.filterSelect{width:100%}.tableFooter{flex-direction:column;align-items:flex-start;padding:12px 16px}}@media (prefers-reduced-motion:reduce){.searchBox,.dataTable tbody tr{transition:none}}.paginationInfo{flex-wrap:wrap;align-items:center;gap:20px;display:flex}html{scroll-behavior:smooth;margin:0;padding:0}html,body{width:100%;min-height:100%}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;margin:0;padding:0}button{cursor:pointer;background:0 0;border:0}img,picture,svg,video,canvas{max-width:100%;display:block}img{height:auto}table{border-collapse:collapse;border-spacing:0}textarea{resize:vertical}input,textarea,select{outline:none}@font-face{font-family:Inter;src:url(../media/Inter-Regular.2nj_q8muj7q4o.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Medium.029eh_alc3n7n.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-SemiBold.0gq1_mh3vzajs.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Bold.1nw5ga-m4m_37.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary:#2563eb;--color-primary-dark:#004f8c;--color-primary-light:#e8f4fc;--color-secondary:#008b8b;--color-secondary-dark:#006b6b;--color-secondary-light:#e6f7f7;--color-background:#f5f7fa;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-text:#1f2937;--color-text-primary:#1f2937;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-light:#cbd5e1;--color-text-white:#fff;--color-border:#e5e7eb;--color-border-light:#edf0f2;--color-border-dark:#cbd5e1;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#2563eb;--color-info-light:#dbeafe;--sidebar-background:#0b2942;--sidebar-background-hover:#123d5d;--sidebar-background-active:#0066b3;--sidebar-text:#d9e8f2;--sidebar-text-hover:#fff;--sidebar-text-active:#fff;--sidebar-border:#ffffff1a;--header-background:#fff;--header-text:#1f2937;--header-border:#e5e7eb;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 6px 18px #0f172a1a;--shadow-lg:0 12px 30px #0f172a1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.4s ease}html{min-height:100%}body{background:var(--color-background);color:var(--color-text);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);margin:0;padding:0;font-family:Inter,Helvetica,sans-serif}::selection{background:var(--color-primary);color:#fff}#__next{min-height:100vh}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:#0f172a;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:600;line-height:1.2}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}@media (max-width:768px){h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}}p{color:#64748b;margin:0;font-size:14px;font-weight:400;line-height:1.5}small{color:#94a3b8;font-size:12px}strong,b{font-weight:700}a{color:#2563eb;text-decoration:none;transition:color .2s}a:hover{color:#004f8c}a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.text-xs{font-size:11px!important}.text-sm{font-size:12px!important}.text-base{font-size:14px!important}.text-md{font-size:16px!important}.text-lg{font-size:18px!important}.text-xl{font-size:20px!important}.text-xxl{font-size:24px!important}.text-xxxl{font-size:30px!important}.font-light{font-weight:300!important}.font-regular{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-primary{color:#2563eb!important}.text-secondary{color:#64748b!important}.text-muted{color:#94a3b8!important}.text-dark{color:#1f2937!important}.text-light{color:#cbd5e1!important}.text-white{color:#fff!important}.text-success{color:#16a34a!important}.text-warning{color:#f59e0b!important}.text-danger{color:#dc2626!important}.text-info{color:#2563eb!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.text-normal{text-transform:none!important}.text-underline{text-decoration:underline!important}.text-decoration-none{text-decoration:none!important}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-height-none{line-height:1!important}.line-height-tight{line-height:1.2!important}.line-height-normal{line-height:1.5!important}.line-height-relaxed{line-height:1.7!important}.letter-spacing-tight{letter-spacing:-.02em!important}.letter-spacing-normal{letter-spacing:normal!important}.letter-spacing-wide{letter-spacing:.02em!important}.label{color:#1f2937;margin-bottom:6px;font-size:12px;font-weight:500;line-height:1.5;display:inline-block}.muted{color:#94a3b8!important}.required{color:#dc2626}.required:after{content:"*";margin-left:3px}.d-none{display:none!important}.d-block{display:block!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}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!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}.gap-0{gap:0!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:16px!important}.gap-4{gap:24px!important}.gap-5{gap:32px!important}.gap-6{gap:40px!important}.gap-7{gap:48px!important}.gap-8{gap:64px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.w-100{width:100%!important}.w-auto{width:auto!important}.max-w-100{max-width:100%!important}.h-100{height:100%!important}.min-h-screen{min-height:100vh!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.border{border:1px solid #e5e7eb!important}.border-0{border:0!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}:root{--sidebar-background:var(--color-sidebar);--sidebar-text:var(--color-text-secondary);--sidebar-border:var(--color-border);--sidebar-hover:#0f172a0f;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff}:root[data-sidebar=default]{--sidebar-background:var(--color-sidebar);--sidebar-text:var(--color-text-secondary);--sidebar-border:var(--color-border);--sidebar-hover:#0f172a0f;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-sidebar=black]{--sidebar-background:#000;--sidebar-text:#f4f4f5;--sidebar-border:#27272a;--sidebar-hover:#ffffff14;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-sidebar=navy]{--sidebar-background:#172554;--sidebar-text:#dbeafe;--sidebar-border:#1e3a8a;--sidebar-hover:#ffffff14;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-sidebar=blue]{--sidebar-background:#2563eb;--sidebar-text:#eff6ff;--sidebar-border:#1d4ed8;--sidebar-hover:#ffffff1f;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-sidebar=green]{--sidebar-background:#052e16;--sidebar-text:#dcfce7;--sidebar-border:#14532d;--sidebar-hover:#ffffff14;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-sidebar=gray]{--sidebar-background:#334155;--sidebar-text:#f1f5f9;--sidebar-border:#475569;--sidebar-hover:#ffffff14;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-sidebar=purple]{--sidebar-background:#2e1065;--sidebar-text:#f5f3ff;--sidebar-border:#4c1d95;--sidebar-hover:#ffffff14;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}:root[data-color=blue]{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff}:root[data-color=green]{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-light:#f0fdf4}:root[data-color=black]{--color-primary:#18181b;--color-primary-hover:#27272a;--color-primary-light:#f4f4f5}:root[data-color=gray]{--color-primary:#64748b;--color-primary-hover:#475569;--color-primary-light:#f1f5f9}:root[data-color=purple]{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#f5f3ff}:root[data-color=orange]{--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-primary-light:#fff7ed}:root[data-color=red]{--color-primary:#dc2626;--color-primary-hover:#b91c0c;--color-primary-light:#fef2f2}:root,[data-theme=light]{--pmis-primary:#3167f3;--pmis-primary-hover:#2752c2;--pmis-primary-light:#3167f31a;--pmis-primary-border:#adc2fa;--pmis-secondary:#a8b5d1;--pmis-secondary-light:#a8b5d11a;--pmis-success:#0da684;--pmis-success-light:#0da6841a;--pmis-success-border:#9edbce;--pmis-info:#41cbd8;--pmis-info-light:#41cbd81a;--pmis-warning:#f4a14d;--pmis-warning-light:#f4a14d1a;--pmis-danger:#ef3463;--pmis-danger-light:#ef34631a;--pmis-purple:#5b58e6;--pmis-purple-light:#5b58e61a;--pmis-pink:#fd3c97;--pmis-blue:#3167f3;--pmis-teal:#22c5ad;--pmis-cyan:#41cbd8;--pmis-white:#fff;--pmis-black:#000;--pmis-gray-50:#fafbfc;--pmis-gray-100:#f4f6f9;--pmis-gray-200:#eaeff5;--pmis-gray-300:#d9e1ec;--pmis-gray-400:#c1cde0;--pmis-gray-500:#a8b5d1;--pmis-gray-600:#95a0c5;--pmis-gray-700:#7a82b1;--pmis-gray-800:#555b7e;--pmis-gray-900:#25282d;--pmis-body-bg:#f9fbfd;--pmis-body-color:#25282d;--pmis-muted-color:#96a0b5;--pmis-surface:#fff;--pmis-surface-light:#f4f6f9;--pmis-heading-color:#25282d;--pmis-header-height:64px;--pmis-header-bg:#fff;--pmis-header-border:#edf2f9;--pmis-header-shadow:0 2px 8px #3d47510d;--pmis-sidebar-width:250px;--pmis-sidebar-collapsed-width:72px;--pmis-sidebar-bg:#fff;--pmis-sidebar-border:#edf2f9;--pmis-sidebar-text:#555b7e;--pmis-sidebar-icon:#7a82b1;--pmis-sidebar-hover-bg:#3167f314;--pmis-sidebar-hover-text:#3167f3;--pmis-sidebar-active-bg:#3167f31a;--pmis-sidebar-active-text:#3167f3;--pmis-content-padding:24px;--pmis-section-gap:24px;--pmis-page-title-size:20px;--pmis-page-title-weight:600;--pmis-page-subtitle-size:13px;--pmis-page-subtitle-color:#7a82b1;--pmis-card-bg:#fff;--pmis-card-border:#edf2f9;--pmis-card-radius:8px;--pmis-card-padding:20px;--pmis-card-shadow:0 3px 3px #3d47510d;--pmis-table-bg:#fff;--pmis-table-header-bg:#f4f6f9;--pmis-table-header-color:#555b7e;--pmis-table-text:#25282d;--pmis-table-muted:#7a82b1;--pmis-table-border:#eaeff5;--pmis-table-row-hover:#3167f308;--pmis-table-cell-padding-y:12px;--pmis-table-cell-padding-x:16px;--pmis-btn-height:38px;--pmis-btn-padding-x:16px;--pmis-btn-radius:6px;--pmis-btn-font-size:13px;--pmis-btn-font-weight:500;--pmis-btn-primary-bg:#3167f3;--pmis-btn-primary-hover:#2752c2;--pmis-btn-primary-text:#fff;--pmis-btn-secondary-bg:#a8b5d1;--pmis-btn-secondary-text:#fff;--pmis-btn-success-bg:#0da684;--pmis-btn-danger-bg:#ef3463;--pmis-btn-outline-border:#d9e1ec;--pmis-btn-outline-text:#555b7e;--pmis-toolbar-height:48px;--pmis-toolbar-gap:8px;--pmis-toolbar-bg:#fff;--pmis-toolbar-border:#edf2f9;--pmis-toolbar-btn-height:36px;--pmis-toolbar-btn-radius:6px;--pmis-input-height:40px;--pmis-input-padding-x:12px;--pmis-input-bg:#fff;--pmis-input-border:#d9e1ec;--pmis-input-text:#25282d;--pmis-input-placeholder:#95a0c5;--pmis-input-radius:6px;--pmis-input-focus-border:#3167f3;--pmis-input-focus-shadow:0 0 0 3px #3167f31f;--pmis-label-color:#555b7e;--pmis-label-size:13px;--pmis-label-weight:500;--pmis-badge-radius:20px;--pmis-badge-padding-x:10px;--pmis-badge-padding-y:4px;--pmis-badge-font-size:11px;--pmis-badge-font-weight:600;--pmis-status-active:#0da684;--pmis-status-active-bg:#0da6841a;--pmis-status-pending:#f4a14d;--pmis-status-pending-bg:#f4a14d1a;--pmis-status-inactive:#95a0c5;--pmis-status-inactive-bg:#95a0c51a;--pmis-status-rejected:#ef3463;--pmis-status-rejected-bg:#ef34631a;--pmis-dropdown-bg:#fff;--pmis-dropdown-border:#eaeff5;--pmis-dropdown-radius:8px;--pmis-dropdown-shadow:0 8px 24px #25282d1f;--pmis-dropdown-item-padding:9px 12px;--pmis-dropdown-hover-bg:#f4f6f9;--pmis-modal-bg:#fff;--pmis-modal-radius:10px;--pmis-modal-padding:24px;--pmis-modal-shadow:0 12px 40px #25282d26;--pmis-modal-overlay:#0f111a73;--pmis-font-family:"Poppins", sans-serif;--pmis-font-size:13px;--pmis-font-weight:500;--pmis-line-height:1.5;--pmis-font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--pmis-radius-sm:4px;--pmis-radius:6px;--pmis-radius-md:8px;--pmis-radius-lg:10px;--pmis-radius-xl:16px;--pmis-radius-pill:50px;--pmis-space-1:4px;--pmis-space-2:8px;--pmis-space-3:12px;--pmis-space-4:16px;--pmis-space-5:20px;--pmis-space-6:24px;--pmis-space-7:32px;--pmis-space-8:40px;--pmis-space-9:48px;--pmis-shadow-sm:0 2px 2px #3d47510d;--pmis-shadow:0 3px 3px #3d47510d;--pmis-shadow-lg:0 5px 5px #3d47511a;--pmis-z-header:1000;--pmis-z-sidebar:1000;--pmis-z-dropdown:1050;--pmis-z-modal:1100;--pmis-z-toast:1200;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-background:#f5f7fa;--color-surface:#fff;--color-surface-secondary:#f8fafc;--color-text:#172033;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-light:#cbd5e1;--color-border:#e2e8f0;--color-border-light:#edf0f2;--color-border-dark:#cbd5e1;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#0891b2;--color-info-light:#cffafe;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 12px #0f172a1a;--shadow-lg:0 10px 30px #0f172a1f;--header-background:#fff;--header-text:#172033;--header-border:#e2e8f0;--color-sidebar:#1e293b;--sidebar-background:var(--color-sidebar);--sidebar-text:#e2e8f0;--sidebar-border:#334155;--sidebar-hover:#0f172a0f;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-light:#172554;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-secondary:#334155;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-light:#64748b;--color-border:#475569;--color-border-light:#334155;--color-border-dark:#64748b;--color-success:#4ade80;--color-success-light:#14532d;--color-warning:#fbbf24;--color-warning-light:#78350f;--color-danger:#f87171;--color-danger-light:#7f1d1d;--color-info:#38bdf8;--color-info-light:#164e63;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 30px #0006;--header-background:#1e293b;--header-text:#f8fafc;--header-border:#334155;--color-sidebar:#111827;--sidebar-background:var(--color-sidebar);--sidebar-text:#cbd5e1;--sidebar-border:#1f2937;--sidebar-hover:#ffffff14;--sidebar-active:var(--color-primary);--sidebar-active-text:#fff;--pmis-body-bg:#0f111a;--pmis-body-color:#d9e1ec;--pmis-surface:#151821;--pmis-surface-light:#25282d;--pmis-heading-color:#eff2f6;--pmis-muted-color:#aab0b9;--pmis-header-bg:#151821;--pmis-header-border:#333547;--pmis-sidebar-bg:#151821;--pmis-sidebar-border:#333547;--pmis-sidebar-text:#d9e1ec;--pmis-sidebar-icon:#aab0b9;--pmis-sidebar-hover-bg:#3167f326;--pmis-sidebar-hover-text:#83a4f8;--pmis-sidebar-active-bg:#3167f333;--pmis-sidebar-active-text:#83a4f8;--pmis-card-bg:#151821;--pmis-card-border:#333547;--pmis-card-shadow:0 3px 3px #0003;--pmis-table-bg:#151821;--pmis-table-header-bg:#25282d;--pmis-table-header-color:#d9e1ec;--pmis-table-text:#d9e1ec;--pmis-table-muted:#aab0b9;--pmis-table-border:#333547;--pmis-table-row-hover:#3167f314;--pmis-input-bg:#151821;--pmis-input-border:#333547;--pmis-input-text:#d9e1ec;--pmis-input-placeholder:#7a82b1;--pmis-label-color:#cbd3e3;--pmis-dropdown-bg:#151821;--pmis-dropdown-border:#333547;--pmis-dropdown-hover-bg:#25282d;--pmis-modal-bg:#151821;--pmis-modal-overlay:#000000a6}.btn,.btnOutlineDanger,.btnOutlineSuccess,.btnOutlineSecondary,.btnOutlinePrimary,.btnPink,.btnPurple,.btnLight,.btnBlack,.btnDefault,.btnInfo,.btnWarning,.btnDanger,.btnSuccess,.btnSecondary,.btnPrimary{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 16px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn svg,.btnOutlineDanger svg,.btnOutlineSuccess svg,.btnOutlineSecondary svg,.btnOutlinePrimary svg,.btnPink svg,.btnPurple svg,.btnLight svg,.btnBlack svg,.btnDefault svg,.btnInfo svg,.btnWarning svg,.btnDanger svg,.btnSuccess svg,.btnSecondary svg,.btnPrimary svg{flex-shrink:0;width:15px;height:15px}.btn:focus-visible,.btnOutlineDanger:focus-visible,.btnOutlineSuccess:focus-visible,.btnOutlineSecondary:focus-visible,.btnOutlinePrimary:focus-visible,.btnPink:focus-visible,.btnPurple:focus-visible,.btnLight:focus-visible,.btnBlack:focus-visible,.btnDefault:focus-visible,.btnInfo:focus-visible,.btnWarning:focus-visible,.btnDanger:focus-visible,.btnSuccess:focus-visible,.btnSecondary:focus-visible,.btnPrimary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active,.btnOutlineDanger:active,.btnOutlineSuccess:active,.btnOutlineSecondary:active,.btnOutlinePrimary:active,.btnPink:active,.btnPurple:active,.btnLight:active,.btnBlack:active,.btnDefault:active,.btnInfo:active,.btnWarning:active,.btnDanger:active,.btnSuccess:active,.btnSecondary:active,.btnPrimary:active{transform:translateY(1px)}.btn:disabled,.btnOutlineDanger:disabled,.btnOutlineSuccess:disabled,.btnOutlineSecondary:disabled,.btnOutlinePrimary:disabled,.btnPink:disabled,.btnPurple:disabled,.btnLight:disabled,.btnBlack:disabled,.btnDefault:disabled,.btnInfo:disabled,.btnWarning:disabled,.btnDanger:disabled,.btnSuccess:disabled,.btnSecondary:disabled,.btnPrimary:disabled,.btn[aria-disabled=true],[aria-disabled=true].btnOutlineDanger,[aria-disabled=true].btnOutlineSuccess,[aria-disabled=true].btnOutlineSecondary,[aria-disabled=true].btnOutlinePrimary,[aria-disabled=true].btnPink,[aria-disabled=true].btnPurple,[aria-disabled=true].btnLight,[aria-disabled=true].btnBlack,[aria-disabled=true].btnDefault,[aria-disabled=true].btnInfo,[aria-disabled=true].btnWarning,[aria-disabled=true].btnDanger,[aria-disabled=true].btnSuccess,[aria-disabled=true].btnSecondary,[aria-disabled=true].btnPrimary{opacity:.6;cursor:not-allowed;pointer-events:none}.btnPrimary{color:var(--color-button-text,#fff);background:var(--color-primary);border-color:var(--color-primary)}.btnPrimary:hover{color:#fff;background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary))}.btnSecondary{color:#fff;background:var(--color-secondary,#a8b5d1);border-color:var(--color-secondary,#a8b5d1)}.btnSecondary:hover{color:#fff;background:#8998b7;border-color:#8998b7}.btnSuccess{color:#fff;background:var(--color-success,#0da684);border-color:var(--color-success,#0da684)}.btnSuccess:hover{color:#fff;background:#09896d;border-color:#09896d}.btnDanger{color:#fff;background:var(--color-danger,#ef3463);border-color:var(--color-danger,#ef3463)}.btnDanger:hover{color:#fff;background:#d62955;border-color:#d62955}.btnWarning{color:#fff;background:var(--color-warning,#f4a14d);border-color:var(--color-warning,#f4a14d)}.btnWarning:hover{color:#fff;background:#dc8838;border-color:#dc8838}.btnInfo{color:#fff;background:var(--color-info,#41cbd8);border-color:var(--color-info,#41cbd8)}.btnInfo:hover{color:#fff;background:#27aeba;border-color:#27aeba}.btnDefault{color:var(--color-text-secondary);border-color:var(--color-border);background:#fff}.btnDefault:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.btnBlack{color:#fff;background:#25282d;border-color:#25282d}.btnBlack:hover{color:#fff;background:#000;border-color:#000}.btnLight{color:var(--color-text-secondary);background:var(--color-gray-100);border-color:var(--color-gray-100)}.btnLight:hover{color:var(--color-text-primary);background:var(--color-gray-200);border-color:var(--color-gray-200)}.btnPurple{color:#fff;background:var(--color-purple,#5b58e6);border-color:var(--color-purple,#5b58e6)}.btnPurple:hover{color:#fff;background:#4a47ce;border-color:#4a47ce}.btnPink{color:#fff;background:var(--color-pink,#fd3c97);border-color:var(--color-pink,#fd3c97)}.btnPink:hover{color:#fff;background:#e62d83;border-color:#e62d83}.btnOutlinePrimary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btnOutlinePrimary:hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.btnOutlineSecondary{color:var(--color-text-secondary);border-color:var(--color-border-medium);background:0 0}.btnOutlineSecondary:hover{color:#fff;background:var(--color-secondary);border-color:var(--color-secondary)}.btnOutlineSuccess{color:var(--color-success);border-color:var(--color-success);background:0 0}.btnOutlineSuccess:hover{color:#fff;background:var(--color-success);border-color:var(--color-success)}.btnOutlineDanger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btnOutlineDanger:hover{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.btnIcon,.btnIconBlack,.btnIconSecondary,.btnIconDanger,.btnIconSuccess,.btnIconPrimary{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btnIcon svg,.btnIconBlack svg,.btnIconSecondary svg,.btnIconDanger svg,.btnIconSuccess svg,.btnIconPrimary svg{width:15px;height:15px}.btnIcon:hover,.btnIconBlack:hover,.btnIconSecondary:hover,.btnIconDanger:hover,.btnIconSuccess:hover,.btnIconPrimary:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.btnIcon:focus-visible,.btnIconBlack:focus-visible,.btnIconSecondary:focus-visible,.btnIconDanger:focus-visible,.btnIconSuccess:focus-visible,.btnIconPrimary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btnIcon:active,.btnIconBlack:active,.btnIconSecondary:active,.btnIconDanger:active,.btnIconSuccess:active,.btnIconPrimary:active{transform:translateY(1px)}.btnIcon:disabled,.btnIconBlack:disabled,.btnIconSecondary:disabled,.btnIconDanger:disabled,.btnIconSuccess:disabled,.btnIconPrimary:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btnIconPrimary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.btnIconPrimary:hover{color:#fff;background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btnIconSuccess{color:#fff;background:var(--color-success);border-color:var(--color-success)}.btnIconSuccess:hover{color:#fff;background:#09896d;border-color:#09896d}.btnIconDanger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.btnIconDanger:hover{color:#fff;background:#d62955;border-color:#d62955}.btnIconSecondary{color:#fff;background:var(--color-secondary);border-color:var(--color-secondary)}.btnIconSecondary:hover{color:#fff;background:#8998b7;border-color:#8998b7}.btnIconBlack{color:#fff;background:#25282d;border-color:#25282d}.btnIconBlack:hover{color:#fff;background:#000;border-color:#000}.btnSm{min-height:30px;padding:0 12px;font-size:11px}.btnSm svg{width:14px;height:14px}.btnLg{min-height:40px;padding:0 20px;font-size:13px}.btnLg svg{width:17px;height:17px}.btnIconSm{width:30px;min-width:30px;height:30px;min-height:30px}.btnIconSm svg{width:13px;height:13px}.btnIconLg{width:40px;min-width:40px;height:40px;min-height:40px}.btnIconLg svg{width:17px;height:17px}.btnBlock{width:100%}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.form-group{flex-direction:column;gap:.45rem;width:100%;display:flex}.form-label{color:var(--text-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.form-required{color:var(--danger)}.form-input,.form-select,.form-textarea{border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-background);width:100%;color:var(--input-text);outline:none;font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--input-placeholder)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--input-border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.65;background:var(--input-disabled-background)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--danger)}.form-input.is-error:focus,.form-select.is-error:focus,.form-textarea.is-error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.form-input.is-success,.form-select.is-success,.form-textarea.is-success{border-color:var(--success)}.form-input.is-success:focus,.form-select.is-success:focus,.form-textarea.is-success:focus{box-shadow:0 0 0 3px var(--success-soft)}.form-input{height:var(--input-height);padding:0 .875rem}.form-select{height:var(--input-height);appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 2.5rem 0 .875rem}.form-textarea{resize:vertical;min-height:120px;padding:.75rem .875rem}.form-input[type=date],.form-input[type=time],.form-input[type=datetime-local],.form-input[type=month],.form-input[type=week]{cursor:pointer}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.form-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-field{width:100%;position:relative}.form-field-icon{color:var(--input-icon);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.form-field.has-icon-left .form-input,.form-field.has-icon-left .form-select{padding-left:2.75rem}.form-field.has-icon-right .form-input,.form-field.has-icon-right .form-select{padding-right:2.75rem}.form-field-icon-right{color:var(--input-icon);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.form-help,.form-error,.form-success{margin:0;font-size:.75rem;line-height:1.4}.form-help{color:var(--text-muted)}.form-error{color:var(--danger)}.form-success{color:var(--success)}.form-checkbox{cursor:pointer;align-items:center;gap:.55rem;display:inline-flex}.form-checkbox input{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;margin:0}.form-checkbox span{color:var(--text-secondary);font-size:.875rem}.form-radio{cursor:pointer;align-items:center;gap:.55rem;display:inline-flex}.form-radio input{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;margin:0}.form-radio span{color:var(--text-secondary);font-size:.875rem}.form-switch{cursor:pointer;align-items:center;gap:.65rem;display:inline-flex}.form-switch input{opacity:0;pointer-events:none;position:absolute}.form-switch .switch-track{background:var(--switch-background);border-radius:999px;width:2.5rem;height:1.4rem;transition:background-color .2s;position:relative}.form-switch .switch-track:after{content:"";background:#fff;border-radius:50%;width:calc(1.4rem - 6px);height:calc(1.4rem - 6px);transition:transform .2s;position:absolute;top:3px;left:3px}.form-switch input:checked+.switch-track{background:var(--primary)}.form-switch input:checked+.switch-track:after{transform:translate(1.1rem)}.form-switch span{color:var(--text-secondary);font-size:.875rem}.container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (max-width:768px){.container{padding-left:16px;padding-right:16px}}@media (max-width:576px){.container{padding-left:8px;padding-right:8px}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:10px}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
