*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#333;background-color:#f5f6fa}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-container{display:flex;min-height:100vh;width:100%;position:relative}.border-left-primary{border-left:4px solid #4e73df!important}.border-left-success{border-left:4px solid #1cc88a!important}.border-left-info{border-left:4px solid #36b9cc!important}.border-left-warning{border-left:4px solid #f6c23e!important}.text-gray-300{color:#dddfeb!important}.text-gray-800{color:#5a5c69!important}.card-footer{background-color:transparent;border-top:none;padding:.75rem 1.25rem}.card-header{border-bottom:1px solid rgba(0,0,0,.125)}.card-header h6{font-size:.9rem;font-weight:600}.list-group-item{transition:background-color .2s}.list-group-item:hover{background-color:#00000008}small.text-muted{font-size:.75rem}.sidebar{width:260px;height:100vh;background:#daa520;transition:all .3s ease;position:fixed;left:0;top:0;z-index:1000;overflow-y:auto}.sidebar.collapsed{transform:translate(-260px)}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-link span{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.8rem}.sidebar.collapsed .submenu-arrow{display:none}.sidebar-header{height:70px;padding:1rem;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;background:#fff}.logo{height:32px;width:auto}.brand-name{font-size:1.2rem;font-weight:500;color:#333}.collapse-btn{border:none;background:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .3s ease}.collapse-btn:hover{background:#eee}.sidebar-content{flex:1;padding:1rem;overflow-y:auto}.nav-link{display:flex;align-items:center;padding:.8rem 1rem;color:#000;text-decoration:none;transition:all .3s ease;gap:.8rem}.nav-link i{font-size:1.2rem}.nav-link:hover{background:#ffffff1a;color:#000}.nav-link.active{background:#fff3;color:#000}.has-submenu{position:relative}.submenu-arrow{margin-left:auto;transition:transform .3s ease}.has-submenu.active .submenu-arrow{transform:rotate(-180deg)}.submenu{list-style:none;padding-left:1rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.show{max-height:500px}.submenu .nav-link{padding:.6rem 1rem;font-size:.9rem}.bi{font-size:1.2rem}.collapse-btn i{transition:transform .3s ease}.content-wrapper{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;background:#f5f6fa;padding-top:130px;transition:margin-left .3s ease}.sidebar-collapsed .content-wrapper{margin-left:0}.logo-container{display:flex;align-items:center;gap:.5rem;overflow:hidden}.main-header{height:70px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:fixed;top:0;right:0;left:260px;z-index:99;transition:left .3s ease}.sidebar-collapsed .main-header,.sidebar-collapsed .breadcrumb{left:0}.main-content{flex:1;padding:1.5rem 2rem;background:#fff;border-radius:8px;box-shadow:0 0 15px #0000000d;margin:0 1rem 1rem}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:0 0 15px #0000001a;width:260px}.sidebar.collapsed{transform:translate(0);width:260px}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-link span{display:block}.sidebar.collapsed .nav-link{justify-content:flex-start;padding:.8rem 1rem;gap:.8rem}.sidebar.collapsed .submenu-arrow{display:block;margin-left:auto}.sidebar.collapsed .logo-container{justify-content:flex-start;width:100%}.content-wrapper{margin-left:0;width:100%}.sidebar.collapsed~.content-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.main-header{left:0}.breadcrumb{left:0!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:200px}.content-wrapper{margin-left:200px}.main-header{left:200px}.breadcrumb{left:200px!important}}.header-left,.header-right{display:flex;align-items:center;height:100%}.header-actions{display:flex;align-items:center;gap:1rem;height:100%}.menu-toggle,.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;cursor:pointer;color:#666}.menu-toggle:hover,.action-btn:hover{background-color:#f5f5f5}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid #eee;position:fixed;top:70px;right:0;left:260px;z-index:98;transition:left .3s ease}.breadcrumb-item{color:#666;text-decoration:none;font-size:.9rem}.breadcrumb-separator{color:#999;font-size:.9rem}.header-right{display:flex;align-items:center}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;background:#dc3545;color:#fff;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#bb2d3b}.logout-btn i{font-size:1.1rem}.header-actions{display:flex;align-items:center;gap:1rem}.action-btn{border:none;background:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666;position:relative;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#f5f5f5}.badge{top:-5px;right:-5px;background:#dc3545;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.badge-container{display:inline-flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.25rem}.tag-badge{font-size:.75rem;padding:.25rem .5rem;margin-right:.25rem;border-radius:4px}.status-badge{font-size:.75rem;padding:.25rem .75rem;min-width:60px;text-align:center;border-radius:4px;display:inline-block}.table td{vertical-align:middle}.user-profile{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:all .3s ease}.user-profile:hover{background:#f5f5f5}.user-profile img{width:32px;height:32px;border-radius:50%}.header-left{display:flex;align-items:center;gap:1rem}.menu-toggle{border:none;background:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem}.swal2-popup{font-size:.875rem!important}.swal2-title{font-size:1.25rem!important}.swal2-styled.swal2-confirm{background-color:#0d6efd!important}.swal2-styled.swal2-cancel{background-color:#dc3545!important}.swal2-toast{padding:.5rem!important}.swal2-toast .swal2-title{font-size:.875rem!important;margin:0!important}.swal2-loading{padding:2rem!important}.table td{vertical-align:middle;padding:1rem .75rem}.table th{padding:.75rem;font-weight:600;font-size:.875rem}.form-control,.form-select{font-size:.875rem;height:36px}.form-floating>label{padding:1rem .75rem}.badge{font-weight:500;padding:.5em .75em;font-size:.75rem}.btn-group .btn{padding:.25rem .5rem;font-size:.75rem}.pagination{margin-bottom:0;align-items:center}.pagination .page-item .page-link{padding:.3rem .6rem;font-size:.875rem;line-height:1.4;border-radius:.2rem;height:28px;display:flex;align-items:center}.pagination .page-item .page-link i{font-size:.75rem}.pagination .page-item span.page-link{background:transparent;border:none;padding:0 .75rem}.page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.card-footer .text-muted{font-size:.875rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}