@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #002D62;--primary-light: #0d4a8f;--secondary: #006FCE;--accent: #E8F0FE;--accent-text: #1d70b8;--bg: #F8FAFC;--card-bg: #FFFFFF;--text-main: #0F172A;--text-muted: #64748B;--border: #E2E8F0;--success: #10B981;--success-bg: #D1FAE5;--pending: #F59E0B;--pending-bg: #FEF3C7;--shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .07), 0 4px 6px -4px rgb(0 0 0 / .07);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}html,body{overflow-x:hidden;max-width:100vw;width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}*:not(html):not(body):not(.layout-container):not(.sidebar):not(.main-content-wrapper){max-width:100%}body{font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;margin:0;padding:0}.container{padding:1.75rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--primary)}.card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light)}.btn-secondary{background-color:var(--accent);color:var(--primary)}.btn-secondary:hover{background-color:#dbeafe}.btn-danger{background-color:#fee2e2;color:#ef4444}.btn-danger:hover{background-color:#fca5a5}.table-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;margin-bottom:2rem}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:var(--accent);color:var(--primary);font-weight:700;padding:1rem 1.25rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}td{padding:1rem 1.25rem;border-bottom:1px solid var(--border);font-size:.95rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-paid{background-color:var(--success-bg);color:var(--success)}.badge-pending{background-color:var(--pending-bg);color:var(--pending)}.badge-role{background-color:var(--accent);color:var(--secondary)}.badge-danger{background-color:#fee2e2;color:#ef4444}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.form-control{width:100%;padding:.65rem .9rem;border-radius:8px;border:1px solid var(--border);font-family:inherit;font-size:.95rem;color:var(--text-main);background-color:#fff;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #006fce26}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .2s forwards}.modal-content{background:var(--card-bg);border-radius:16px;padding:2rem;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;transform:scale(.95);animation:scaleUp .2s forwards}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:transparent;border-radius:16px;margin-top:16px;margin-bottom:16px}.modal-content::-webkit-scrollbar-thumb{background-color:#002d6233;border-radius:16px;border:3px solid var(--card-bg)}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#002d6266}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.35rem;font-weight:700;color:var(--primary)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.close-btn:hover{color:var(--text-main)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}.show-mobile-cell{display:none}.hamburger-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-main);padding:.25rem .5rem;border-radius:6px;transition:var(--transition)}.hamburger-btn:hover{background-color:var(--accent)}.close-sidebar-btn{display:none;background:none;border:none;font-size:1.75rem;color:#fff;cursor:pointer;opacity:.8;transition:var(--transition);line-height:1}.close-sidebar-btn:hover{opacity:1}.dropdown-actions{position:relative;display:inline-block;text-align:left}.btn-actions-toggle{padding:.4rem .8rem;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:140px;display:flex;flex-direction:column;padding:.35rem 0;margin-top:4px;animation:fadeIn .15s ease}.dropdown-item{background:none;border:none;padding:.55rem 1rem;text-align:left;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--text-main);cursor:pointer;width:100%;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.dropdown-item:hover{background-color:var(--accent);color:var(--primary)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:#fee2e2}.modal-overlay.drawer-align{justify-content:flex-end;align-items:stretch;padding:0}.modal-content.drawer-content{width:750px;max-width:100%;height:100vh!important;max-height:100vh!important;border-radius:16px 0 0 16px!important;padding:2rem!important;margin:0!important;display:flex;flex-direction:column;box-shadow:-8px 0 24px #00000026;transform:translate(100%);animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards;box-sizing:border-box}.modal-body-scrollable{flex:1;overflow-y:auto;padding:1.5rem 0 0}.modal-body-scrollable::-webkit-scrollbar{width:8px}.modal-body-scrollable::-webkit-scrollbar-track{background:transparent;margin-top:8px;margin-bottom:8px}.modal-body-scrollable::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px;border:2px solid var(--card-bg)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-dropdown-panel{box-sizing:border-box!important}.filter-dropdown-panel input,.filter-dropdown-panel select,.filter-dropdown-panel .form-group{box-sizing:border-box!important;max-width:100%!important;width:100%!important;min-width:0!important}.filter-dropdown-panel input[type=date]{padding-right:.5rem!important;min-height:42px}.filter-dropdown-panel input[type=date]::-webkit-calendar-picker-indicator{display:block!important;opacity:1!important;cursor:pointer;padding:.2rem}@media (max-width: 980px){.modal-content.drawer-content{width:100%!important;border-radius:0!important}.hide-mobile{display:none!important}.show-mobile-cell{display:table-cell!important}.hamburger-btn,.close-sidebar-btn{display:block!important}.container{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.page-header .btn{width:100%}.page-title{font-size:1.5rem;text-align:center}.filter-modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background-color:#0f172a99;backdrop-filter:blur(4px);z-index:2999}.filter-dropdown-panel{position:fixed!important;inset:auto 0 0!important;width:100vw!important;max-width:100vw!important;height:80vh!important;max-height:80vh!important;background:#fff!important;background-color:#fff!important;border-radius:20px 20px 0 0!important;z-index:3000!important;box-shadow:0 -10px 40px #00000080!important;overflow-y:auto!important;animation:slideUpFilter .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFilter{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.filter-dropdown-panel>div{flex-direction:column!important}.filter-dropdown-panel .form-group{width:100%!important;min-width:100%!important}.filter-dates-row{flex-direction:column!important}.inst-actions-col{flex-direction:column!important;align-items:flex-end!important;gap:.25rem!important}.sale-detail-header-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.sale-detail-status-col{text-align:left!important;width:100%!important}.table-container{width:100%;max-width:100%;overflow-x:hidden}table{width:100%!important;max-width:100%!important;table-layout:fixed}table th,table td{padding:.6rem .5rem;font-size:.825rem;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.modal-content{padding:1.25rem;width:92%!important;max-width:100%!important;box-sizing:border-box}.sidebar{position:fixed!important;top:0;left:-280px;width:280px!important;height:100vh!important;z-index:2000;transition:left .25s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0!important}.brand{padding:1.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links{flex-direction:column!important;padding:1.5rem 1rem!important;gap:.5rem!important}.nav-link{font-size:.95rem!important;padding:.8rem 1rem!important}.topbar{padding:0 1rem!important;height:60px!important}.sales-layout{flex-direction:column}.condensed-view{max-width:100%!important;width:100%!important}.detail-panel{width:100%!important;position:relative!important;top:0!important;margin-top:1.5rem}}.modal-overlay.payment-modal-overlay{z-index:3000!important}.switch{position:relative;display:inline-flex;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.25s ease;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.25s ease;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(20px)}