@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--primary:#025158;--primary-light:#03707a;--secondary:#77bbbc;--secondary-light:#9ed3d4;--bg:#fff;--text:#334155;--text-light:#64748b;--accent:#c4f6da;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--border:#e2e8f0;--sidebar-width:260px;--radius:12px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--text);background-color:#f8fafc;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;max-width:calc(100vw - var(--sidebar-width));flex-direction:column;flex:1;padding:1rem 1.25rem;transition:margin-left .3s;display:flex;overflow-x:clip}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.slim-scrollbar::-webkit-scrollbar{width:6px;height:8px}.slim-scrollbar::-webkit-scrollbar-track{background:#0000000a;border-radius:999px}.slim-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.slim-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.slim-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 #0000000a}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#fff6}h1{color:#0f172a;margin-bottom:.25rem;font-size:1.35rem;font-weight:700;line-height:1.25}h2{color:#0f172a;margin-bottom:.35rem;font-size:1.15rem;font-weight:700}h3{color:#1e293b;margin-bottom:.35rem;font-size:.95rem;font-weight:600}h4,h5{color:#1e293b;margin-bottom:.5rem;font-size:.88rem}p{font-size:.82rem;line-height:1.4}.form-group{margin-bottom:.75rem}.form-label{color:#475569;letter-spacing:.02em;margin-bottom:.25rem;font-size:.74rem;font-weight:600;display:block}.form-control{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:9px;width:100%;height:35px;padding:.42rem .7rem;font-size:.84rem;transition:all .2s cubic-bezier(.16,1,.3,1)}textarea.form-control{height:auto;min-height:60px}select.form-control{height:35px;padding:.38rem .65rem;font-size:.84rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0251581f}header h1,.page-header h1{letter-spacing:-.025em!important;color:#0f172a!important;margin:0!important;font-size:1.4rem!important;font-weight:800!important}header p,.page-header p{color:#64748b!important;margin-top:.15rem!important;font-size:.8rem!important}.btn{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;height:35px;padding:.42rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.btn svg{flex-shrink:0;width:15px;height:15px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.btn-sm{border-radius:7px;gap:.25rem;height:28px;padding:.28rem .55rem;font-size:.75rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-light);filter:brightness(1.06)}.btn-secondary{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){color:#0f172a;background-color:#e2e8f0}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:1rem 1.25rem;transition:box-shadow .2s,border-color .2s,transform .2s;box-shadow:0 1px 3px #00000008,0 4px 12px -2px #00000008}.dash-kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:1.25rem 1.35rem!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 1px 3px #00000005,0 4px 14px -2px #0000000a!important}.dash-kpi-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#0ea5e94d,#0000);height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.dash-kpi-card:hover{transform:translateY(-2px);border-color:#cbd5e1!important;box-shadow:0 10px 22px -4px #00000012!important}.dash-kpi-card:hover:after{opacity:1}.dash-kpi-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.78rem!important;font-weight:700!important;display:block!important}.dash-kpi-value{color:#0f172a!important;letter-spacing:-.03em!important;margin:.45rem 0 .15rem!important;font-size:1.85rem!important;font-weight:800!important;line-height:1.15!important}.dash-kpi-icon{border-radius:11px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;display:flex!important;box-shadow:0 2px 6px #0000000a!important}.dash-badge-neutral{color:#475569!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;align-items:center!important;gap:.3rem!important;padding:.22rem .6rem!important;font-size:.72rem!important;font-weight:600!important;display:inline-flex!important}.dash-badge-success{color:#15803d!important;background-color:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:6px!important;align-items:center!important;gap:.3rem!important;padding:.22rem .6rem!important;font-size:.72rem!important;font-weight:600!important;display:inline-flex!important}.dash-badge-warning{color:#b45309!important;background-color:#fffbeb!important;border:1px solid #fef3c7!important;border-radius:6px!important;align-items:center!important;gap:.3rem!important;padding:.22rem .6rem!important;font-size:.72rem!important;font-weight:600!important;display:inline-flex!important}.dash-distribution-card{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:.85rem 1rem!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 1px 3px #00000005!important}.dash-distribution-card:hover{border-color:#cbd5e1!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #0000000d!important}.table-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto;box-shadow:0 1px 3px #00000005}.table-container::-webkit-scrollbar{width:5px;height:5px}.table-container::-webkit-scrollbar-track{background:0 0}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}table{border-collapse:collapse;width:100%}thead{background-color:#f8fafc}thead th,th{text-align:left;color:#64748b;letter-spacing:.04em;text-transform:uppercase;z-index:5;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .85rem;font-size:.73rem;font-weight:700;position:sticky;top:0}td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.6rem .85rem;font-size:.82rem}tr:last-child td{border-bottom:none}tr:hover{background-color:#f8fafc}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.stats-grid .card,.kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 1px 3px #00000005,0 3px 8px -1px #00000008!important}.stats-grid .card:after,.kpi-card:after{content:"";background:linear-gradient(90deg, var(--primary,#0d9488), #0ea5e966);opacity:.85;height:2.5px;position:absolute;top:0;left:0;right:0}.stats-grid .card:hover,.kpi-card:hover{transform:translateY(-2px);border-color:#cbd5e1!important;box-shadow:0 8px 18px -2px #0000000f!important}.stats-grid .card small,.kpi-card small,.kpi-card .card-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:.72rem!important;font-weight:700!important;display:block!important}.stats-grid .card h4,.kpi-card h4,.kpi-card .card-value{color:#0f172a!important;letter-spacing:-.02em!important;margin:.25rem 0 0!important;font-size:1.35rem!important;font-weight:800!important;line-height:1.2!important}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content,.modal-overlay .card{background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;max-width:95vw;max-height:92vh;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000029,0 0 0 1px #e2e8f0cc}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:var(--sidebar-width);z-index:100;background:var(--sidebar-veil,linear-gradient(180deg, #ffffff0f 0%, #00000038 100%)), var(--sidebar-bg,#025158);height:100vh;box-shadow:inset -1px 0 0 var(--sidebar-border,#ffffff26), 4px 0 24px #0000001f;color:var(--sidebar-text,#fff);flex-direction:column;transition:width .25s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:76px!important}.sidebar.collapsed .sidebar-link{width:48px;margin:0 auto;justify-content:center!important;padding:.65rem 0!important}.sidebar.collapsed .sidebar-section-title{display:none!important}.sidebar-flyout-card{z-index:1000;background:var(--sidebar-veil,linear-gradient(180deg, #ffffff0f 0%, #00000038 100%)), var(--sidebar-bg,#025158);border:1px solid var(--sidebar-border,#ffffff2e);min-width:220px;max-width:280px;color:var(--sidebar-text,#fff);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;padding:.75rem;animation:.18s cubic-bezier(.16,1,.3,1) flyoutFadeIn;position:fixed;left:82px;box-shadow:0 16px 36px #00000038,0 4px 12px #00000014}.sidebar-flyout-card .sidebar-sublink{border-radius:8px;transition:all .15s;color:var(--sidebar-text,#fff)!important}.sidebar-flyout-card .sidebar-sublink:hover{background:var(--sidebar-hover,#00000014)!important;color:var(--sidebar-active-text,#111827)!important}.sidebar-flyout-card .sidebar-sublink:hover svg{color:var(--sidebar-active-text,#111827)!important}.sidebar-flyout-card .sidebar-sublink.active{font-weight:600;background:var(--sidebar-active,#00000021)!important;color:var(--sidebar-active-text,#111827)!important}.sidebar-flyout-card .sidebar-sublink.active svg{color:var(--sidebar-active-text,#111827)!important}@keyframes flyoutFadeIn{0%{opacity:0;transform:translate(-8px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sidebar-section{margin-top:.95rem}.sidebar-section:first-child{margin-top:.25rem}.sidebar-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--sidebar-label,#86e3d6);justify-content:space-between;align-items:center;padding:0 .75rem .38rem;font-size:.72rem;font-weight:700;display:flex;position:relative}.sidebar-section+.sidebar-section .sidebar-section-title:before{content:"";background:linear-gradient(90deg, var(--sidebar-rule,#86e3d64d) 0%, color-mix(in srgb, var(--sidebar-rule,#86e3d64d) 40%, transparent) 55%, transparent 100%);height:1px;position:absolute;top:-.5rem;left:.75rem;right:1.75rem}.sidebar-link{color:var(--sidebar-text,#ffffffe6);-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0000;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.46rem .65rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar-link:hover{background-color:var(--sidebar-hover,#ffffff24);color:var(--sidebar-active-text,#fff)}.sidebar-link.active{background:var(--sidebar-active,#ffffff38);color:var(--sidebar-active-text,#fff);font-weight:600}.sidebar-link.active:before{content:"";background:var(--sidebar-active-mark,#fff);width:3.5px;box-shadow:0 0 10px var(--sidebar-active-glow,#fffc);border-radius:0 4px 4px 0;position:absolute;top:6px;bottom:6px;left:0}.sidebar-submenu-tree{border-left:1.5px solid var(--sidebar-border,#ffffff40);flex-direction:column;gap:.1rem;margin:.15rem 0 .3rem 1.15rem;padding:.12rem 0 .12rem .65rem;list-style:none;display:flex}.sidebar-sublink{color:var(--sidebar-text,#ffffffd9);border-radius:6px;align-items:center;gap:.65rem;padding:.34rem .65rem;font-size:.82rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-sublink:hover{color:var(--sidebar-active-text,#fff);background-color:var(--sidebar-hover,#ffffff26)}.sidebar-sublink.active{color:var(--sidebar-active-text,#fff);background-color:var(--sidebar-active,#ffffff42);font-weight:600}.sidebar-badge{text-transform:uppercase;letter-spacing:.03em;color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.62rem;font-weight:700;line-height:1.2;box-shadow:0 2px 4px #0003}.sidebar-user-card{background:var(--sidebar-hover,#00000014);border:1px solid var(--sidebar-border,#0000001f);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:all .2s;display:flex}.sidebar-user-card:hover{background:var(--sidebar-active,#00000021);border-color:var(--sidebar-border,#0000002e)}.sidebar-logout-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;transition:all .18s;display:flex}.sidebar-logout-btn:hover{color:#f87171;background:#ef444429;transform:scale(1.05)}.btn-excel{white-space:nowrap;transition:all .2s ease-in-out;color:#fff!important;background-color:#10b981!important}.btn-excel:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #10b98166;background-color:#059669!important}.btn-action-edit,.btn-action-delete,.btn-action-success{background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:.25rem;transition:all .2s;display:inline-flex}.btn-action-edit{color:var(--primary)!important}.btn-action-edit:hover{background-color:#0251581a;transform:scale(1.1)}.btn-action-delete{color:var(--danger)!important}.btn-action-delete:hover{background-color:#ef44441a;transform:scale(1.1)}.btn-action-success{color:var(--success)!important}.btn-action-success:hover{background-color:#10b9811a;transform:scale(1.1)}.dashboard-quick-btn{border:1px solid #0000;width:100%;transition:all .2s ease-in-out;color:#fff!important;background-color:#ffffff1a!important;justify-content:flex-start!important}.dashboard-quick-btn:hover{border-color:#ffffff4d;transform:translate(5px);background-color:#fff3!important}.badge-success{border-radius:6px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex;color:#166534!important;background-color:#f0fdf4!important;border:1px solid #dcfce7!important}.badge-warning{border-radius:6px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex;color:#b45309!important;background-color:#fffbeb!important;border:1px solid #fef3c7!important}.badge-danger{border-radius:6px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex;color:#be123c!important;background-color:#fff1f2!important;border:1px solid #ffe4e6!important}.badge-neutral{border-radius:6px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex;color:#475569!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important}.modal-close-btn{cursor:pointer;color:var(--text-light);z-index:10;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--text);background-color:#f1f5f9;border-color:#cbd5e1}.page-transition{animation:.3s ease-out forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.loading-overlay-global{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20000;background:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.loading-bar-container{z-index:21000;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0;overflow:hidden}.loading-bar-progress{background:var(--primary);width:0%;height:100%;box-shadow:0 0 10px var(--primary);transition:width .4s}.loading-bar-progress.active{animation:2s ease-in-out infinite loadingProgress}@keyframes loadingProgress{0%{width:0%;left:0}50%{width:70%;left:15%}to{width:100%;left:100%}}.spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.spinner-sm{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.animate-spin{transform-origin:50%;will-change:transform;display:inline-block;transform:translateZ(0);animation:.85s linear infinite spin!important}.animate-spin-slow{transform-origin:50%;will-change:transform;display:inline-block;transform:translateZ(0);animation:1.4s linear infinite spin!important}.animate-spin-reverse{transform-origin:50%;will-change:transform;display:inline-block;transform:translateZ(0);animation:1.2s linear infinite spinReverse!important}.animate-pulse{will-change:opacity;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulseSmooth!important}@keyframes pulseSmooth{0%,to{opacity:1}50%{opacity:.5}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.smooth-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards smoothFadeIn}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pulse-loading{animation:1.5s ease-in-out infinite pulseSmooth}button.is-loading,.btn-loading{pointer-events:none;opacity:.85;transition:opacity .15s,filter .15s;cursor:wait!important}.responsive-grid-5{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.responsive-grid-2-1{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.mobile-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:none}.mobile-menu-btn{color:var(--primary);align-items:center;display:flex}.sidebar-overlay{z-index:90;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{width:100vw;margin-left:0;padding:1rem}.mobile-header{display:flex}.stats-grid{grid-template-columns:1fr}.responsive-grid-5,.responsive-grid-4,.responsive-grid-2-1{grid-template-columns:1fr;gap:1rem}h1{font-size:1.5rem!important}h2{font-size:1.2rem!important}[style*=grid-template-columns]{grid-template-columns:1fr!important;max-height:none!important}.modal-content>div[style*="display: grid"]{overflow-y:visible!important}.form-group{margin-bottom:1rem}}nextjs-portal,#nextjs-dev-indicator,[data-nextjs-dev-indicator],[data-nextjs-toast]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}