:root{--primary:#1b5e20;--primary-light:#2e7d32;--primary-dark:#145214;--white:#fff;--background:#f4f6f9;--danger:#f44336;--info:#2196f3;--warning:#facc15;--text-dark:#222;--text-light:#666}*{box-sizing:border-box;scrollbar-color:var(--primary) #e8f1e9;scrollbar-width:auto;margin:0;padding:0;font-family:system-ui}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--background)}.form-card{box-sizing:border-box;background:var(--white);border-radius:12px;width:100%;max-width:100vw;margin:0 auto;padding:25px;position:relative;box-shadow:0 5px 15px #00000014}.form-card label{margin-top:10px;font-weight:600;display:block}.form-actions{gap:10px;margin-top:15px;display:flex}a.btn-add,a.btn-cancel,a.btn-edit,a.btn-view{white-space:nowrap;border-radius:6px;padding:10px 18px;text-decoration:none;display:inline-block}.error-message{color:var(--danger);margin-top:-10px;margin-bottom:10px;font-size:14px}.alert-success{color:var(--primary-dark);border-left:5px solid var(--primary);background:#e8f5e9;border-radius:6px;margin-bottom:20px;padding:12px 16px}.alert-error{color:#b71c1c;border-left:5px solid var(--danger);background:#ffebee;border-radius:6px;margin-bottom:20px;padding:12px 16px}.delete-form{display:inline-block}.wrapper{height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--primary);width:283px;height:100vh;min-height:100vh;color:var(--white);flex-shrink:0;transition:width .3s,left .3s;position:sticky;top:0;overflow:hidden auto;box-shadow:3px 0 15px #0000001f}.sidebar.collapsed{width:0;box-shadow:none}.logo{background:var(--primary);border-bottom:1px solid #ffffff26;justify-content:center;align-items:center;height:140px;padding:20px;display:flex}.logo img{object-fit:contain;width:180px;height:180px}.sidebar h3{padding-top:15px;padding-left:10px}.sidebar ul{flex-direction:column;min-height:calc(100vh - 245px);margin-top:20px;padding-bottom:12px;list-style:none;display:flex}.sidebar-utility-divider{background:#ffffff40;height:1px;margin:auto 20px 12px}.sidebar ul li a{color:var(--white);align-items:center;gap:12px;padding:16px 25px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.sidebar ul li a:hover{background:var(--primary-light);padding-left:35px}.sidebar ul li.active a{background:var(--white);color:var(--primary);border-radius:12px;margin:0 10px;font-weight:600;box-shadow:0 4px 12px #00000026}.sidebar ul li.active a:hover{background:var(--white);color:var(--primary);padding-left:25px}.app-icon{flex:0 0 21px;width:21px;height:21px;display:inline-flex}.app-icon svg{width:100%;height:100%;display:block}.app-icon svg:last-child,.sidebar ul li.active .app-icon svg:first-child{display:none}.sidebar ul li.active .app-icon svg:last-child{display:block}.navbar{background:var(--white);z-index:900;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;height:80px;padding:0 35px;display:flex;position:relative;box-shadow:0 2px 12px #00000014}.nav-title{flex-direction:column;display:flex}.nav-title h2{color:var(--primary);font-size:28px;font-weight:700}.nav-title p{color:var(--text-light);margin-top:3px;font-size:13px}.user-box{align-items:center;gap:15px;margin-left:auto;margin-right:1rem;display:flex}.user-avatar{aspect-ratio:1;background:var(--primary-light);width:100%;max-width:48px;height:auto;max-height:48px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.user-details{white-space:nowrap;flex-direction:column;display:flex}.user-details small{color:var(--text-light);font-size:12px}.user-details strong{color:var(--text-dark);font-size:15px}.content{flex:1;min-height:0;padding:30px;overflow:hidden auto}.content h1{color:var(--text-dark);margin-bottom:20px}.page-description{color:#666;margin-bottom:25px}button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s}button:hover{opacity:.85}.btn-add{background:var(--primary-light);color:var(--white)}.btn-edit,.btn-view{background:var(--info);color:var(--white)}.btn-delete{background:var(--danger);color:var(--white)}.btn-cancel{background:var(--text-light);color:var(--white)}.btn-add,.btn-edit,.btn-view,.btn-delete,.btn-cancel{transition:filter .2s,opacity .2s}.btn-add:hover,.btn-edit:hover,.btn-view:hover,.btn-delete:hover,.btn-cancel:hover{color:var(--white);filter:brightness(.88);opacity:1}input,select,textarea{border:1px solid #ccc;border-radius:5px;width:100%;margin:8px 0 15px;padding:12px}.toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.toolbar-left{flex-wrap:nowrap;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.toolbar-search{flex:230px;min-width:180px;max-width:260px;position:relative}.toolbar-search .app-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar input{border:1px solid #ddd;border-radius:8px;width:100%;margin:0;padding:10px 14px}.toolbar .toolbar-search input{padding-left:40px}.toolbar select{background:var(--white);border:1px solid #ddd;border-radius:8px;flex:145px;width:160px;min-width:125px;max-width:190px;margin:0;padding:10px}.toolbar-apply,.toolbar-reset{border-radius:8px;min-height:40px;padding:10px 16px;font-size:14px;font-weight:600}.toolbar-apply{background:var(--primary-light);color:var(--white)}.toolbar-reset{color:var(--text-dark);white-space:nowrap;background:#e5e7eb;align-items:center;text-decoration:none;display:inline-flex}.toolbar-reset:hover{background:#d1d5db}.toolbar>.btn-add{white-space:nowrap;flex:none}.management-actions{align-items:center;gap:6px;display:flex}.management-actions .delete-form{margin:0;display:block}.management-actions .btn-edit,.management-actions .btn-delete{text-align:center;border:0;border-radius:6px;justify-content:center;align-items:center;width:78px;min-height:42px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.management-actions .btn-edit:hover,.management-actions .btn-delete:hover{color:var(--white);opacity:.85}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#e8f1e9}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid #e8f1e9;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::-webkit-scrollbar-button:single-button{background-color:#e8f1e9;background-position:50%;background-repeat:no-repeat;background-size:8px 8px;border:1px solid #c7ddca;width:12px;height:12px}.table-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.table-pagination a,.table-pagination .is-disabled{border:1px solid #b7d4ba;border-radius:6px;padding:7px 11px}.table-pagination a{color:var(--primary-dark);font-weight:600;text-decoration:none}.table-pagination a:hover{background:#edf7ee}.table-pagination .is-disabled{color:#9ca3af;background:#f3f4f6}[data-paginated-table]{transition:opacity .18s}[data-paginated-table].is-loading{opacity:.55;pointer-events:none}[data-paginated-table].is-entering{opacity:0}@media (prefers-reduced-motion:reduce){[data-paginated-table]{transition:none}}.sidebar-toggle{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:22px;display:flex}.sidebar-overlay{z-index:1100;background:#00000073;display:none;position:fixed;inset:0}.logout-form{width:100%;margin:0}.sidebar-logout{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;padding:16px 25px;font-size:15px;font-weight:500;display:flex}.sidebar-logout:hover{background:var(--primary-light);color:#fff;opacity:1;padding-left:35px}.password-field input{padding-right:40px}@media (width>=1025px){.navbar{padding-left:8px}}@media (width<=1100px){.toolbar,.toolbar-left{flex-wrap:wrap}.toolbar-search{max-width:none}}@media (width<=1024px){.sidebar{z-index:1200;width:260px;height:100vh;transition:left .3s;position:fixed;top:0;left:-260px}.sidebar.active{left:0}.sidebar-overlay.active{display:block}.sidebar-toggle{display:flex}.navbar{gap:15px;padding:0 20px}.nav-title h2{font-size:22px}.nav-title p{font-size:12px}.main{width:100%}}@media (width<=768px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-left{width:100%}.toolbar-search{width:100%;max-width:none}.toolbar>.btn-add{text-align:center;width:100%}.form-actions{flex-wrap:wrap}}@media (width<=600px){.sidebar{width:280px;left:-280px}.sidebar.active{left:0}.navbar{height:70px;padding:0 15px}.nav-title h2{overflow-wrap:anywhere;font-size:16px;line-height:1.2}.nav-title{min-width:0}.nav-title p,.user-details{display:none}.user-avatar{width:40px;height:40px;font-size:17px}.user-box{flex-shrink:0}.content{padding:20px 15px}}@media (width<=480px){.toolbar-left,.form-actions{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-search,.toolbar select{flex:none;min-width:0}.toolbar-search{height:auto}.toolbar select,.toolbar-apply,.toolbar-reset,.form-actions .btn-add,.form-actions .btn-edit,.form-actions .btn-delete,.form-actions .btn-cancel{text-align:center;justify-content:center;width:100%;max-width:none;min-height:44px}.table-pagination{flex-wrap:wrap;justify-content:center}.content h1{overflow-wrap:anywhere;font-size:26px;line-height:1.2}.page-description{margin-bottom:20px;line-height:1.5}}