@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color:#114232;--primary-dark:#0a291f;--primary-light:#1c5c45;--primary-soft:#e7ecea;--accent-color:#d4af37;--accent-hover:#bda030;--bg-color:#f4f7f5;--card-bg:#fff;--text-color:#1e2a24;--text-muted:#5e6d65;--border-color:#dee3e0;--error-color:#a94442;--success-color:#27ae60;--warning-color:#f39c12;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius:12px;--border-radius-sm:6px;--box-shadow:0 4px 20px #1142320d;--box-shadow-lg:0 10px 30px #11423214;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--primary-color);margin-bottom:.5rem;font-weight:600}.app-container{min-height:100vh;display:flex}.main-content{flex:1;max-height:100vh;padding:2rem;overflow-y:auto}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);margin-bottom:1.5rem;padding:1.5rem}.card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.grid{gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding:1rem}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--primary-color);margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-color);transition:var(--transition);background-color:#fafbfc;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 3px #11423226}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-light)}.btn-secondary{background-color:var(--primary-soft);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-accent{background-color:var(--accent-color);color:var(--primary-dark)}.btn-accent:hover{background-color:var(--accent-hover)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.table-container{border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--card-bg);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.table th{background-color:var(--primary-soft);color:var(--primary-color);border-bottom:1px solid var(--border-color);padding:1rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#fafbfc}.badge{text-transform:capitalize;border-radius:50px;align-items:center;padding:.25rem .6rem;font-size:.8rem;font-weight:500;display:inline-flex}.badge-pending{color:#d63031;background-color:#ffeaa7}.badge-process{color:#2d3436;background-color:#dfe6e9}.badge-success{color:#0984e3;background-color:#dff9fb}.badge-done{color:#155724;background-color:#d4edda}.stat-box{justify-content:space-between;align-items:center;display:flex}.stat-icon{background-color:var(--primary-soft);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pagination-container{background-color:var(--card-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.pagination-info{color:var(--text-muted);font-size:.88rem}.pagination-buttons{align-items:center;gap:.35rem;display:flex}.pagination-btn{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);min-width:32px;height:32px;color:var(--text-color);cursor:pointer;transition:var(--transition);background-color:#fafbfc;justify-content:center;align-items:center;padding:0 .5rem;font-size:.88rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){background-color:var(--primary-soft);color:var(--primary-color);border-color:var(--primary-color)}.pagination-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){html,body,#root{max-width:100%;overflow-x:hidden}.topbar{gap:.5rem;min-height:58px;height:auto!important;padding:.5rem .75rem!important}.topbar-left{flex:auto;min-width:0;gap:.5rem!important}.page-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden;font-size:1.05rem!important}.topbar-right{flex-shrink:0;gap:.5rem!important}.user-name{font-size:.8rem!important}.user-role{font-size:.68rem!important}.content-container,.main-content{overflow-x:hidden;padding:.75rem!important}.content-container{overflow-wrap:anywhere;word-break:break-word}.card{border-radius:10px;margin-bottom:1rem!important;padding:1rem!important}.card:hover{transform:none}.content-container :where(:not(table):not(thead):not(tbody):not(tr):not(th):not(td):not(svg):not(path):not(g):not(circle):not(rect):not(line):not(polyline):not(polygon):not(ellipse)){min-width:0!important;max-width:100%!important}.content-container svg{flex-shrink:0!important}.content-container [style*="display: flex"]{flex-wrap:wrap!important}.content-container [style*="white-space: nowrap"]:not(th):not(td):not(.badge){white-space:normal!important}.grid-2,.grid-3,.grid-4,.content-container [style*=grid-template-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:.6rem!important}.content-container [style*=grid-column]{grid-column:auto!important}.content-container :has(>table){-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}.table-container,.mini-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.content-container table{font-size:.78rem!important}.content-container th,.content-container td{white-space:nowrap;padding:.5rem .55rem!important}@supports not selector(:has(*)){.content-container table{width:100%;display:block;overflow-x:auto}}.modal-overlay,[style*="position: fixed"][style*=z-index]{align-items:flex-start!important;padding:.5rem!important}.modal-content,.modal-overlay>div,[style*="position: fixed"][style*=z-index]>div{border-radius:12px!important;width:100%!important;max-width:100%!important;max-height:92vh!important;overflow-y:auto!important}.content-container input,.content-container select,.content-container textarea,.form-control{width:100%!important;max-width:100%!important;font-size:16px!important}.content-container input:not([type=checkbox]):not([type=radio]),.content-container select,.content-container textarea{height:auto!important;min-height:42px!important;padding-top:.5rem!important;padding-bottom:.5rem!important;line-height:1.35!important}.content-container textarea{min-height:72px!important}.content-container input[type=checkbox],.content-container input[type=radio]{width:auto!important;min-width:18px!important}.form-group{margin-bottom:.85rem!important}.btn,.content-container button{min-height:42px;font-size:.9rem!important}.btn{padding:.6rem .9rem!important}.content-container td button{min-height:32px;padding:.3rem .45rem!important}.content-container .pagination-btn{min-width:32px!important}.pagination-container{padding:.75rem!important}.sidebar{max-width:300px;overflow-y:auto;box-shadow:4px 0 24px #00000040;width:82vw!important;left:-82vw!important}.sidebar.open{left:0!important}.sidebar-brand{padding:1.25rem!important}.sidebar-nav{padding:1rem .6rem!important}.nav-link{padding:.75rem .9rem!important}.sidebar-backdrop{z-index:99;background:#00000073;border:none;padding:0;position:fixed;top:0;bottom:0;left:0;right:0}.recharts-responsive-container,.recharts-wrapper{max-width:100%!important}}@media (min-width:769px) and (max-width:1024px){.content-container [style*=grid-template-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important}}