:root{--ae-gap: 5px;--ae-text-area-border: 1px solid #ddd;--ae-text-area-border-radius: 0;--ae-focus-outline-color: #afaeae auto 1px;--ae-toolbar-padding: 1px;--ae-toolbar-bg-color: #f5f5f5;--ae-toolbar-border-radius: 1px solid #ddd;--ae-button-bg-color: white;--ae-button-border: 1px solid #afaeae;--ae-button-radius: 5px;--ae-button-hover-bg-color: #f1f1f1;--ae-button-active-bg-color: #fffbd3;--ae-button-active-hover-bg-color: #fffaad;--ae-button-disabled-bg-color: #f5f5f5;--ae-picker-label-color: white;--ae-picker-icon-bg-color: white;--ae-picker-option-bg-color: #fff;--ae-picker-option-active-bg-color: #fffbd3;--ae-picker-option-focused-bg-color: #fffaad;--ae-picker-option-hover-bg-color: #fbf7ba}*{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{transition:transform .2s}.card:hover{box-shadow:0 0 15px #0000000d}.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}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#daa520,#b8860b);padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:120px;margin-bottom:1rem}.login-header h2{color:#333;font-size:1.5rem;margin:0}.login-form{width:100%}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875rem;color:#dc3545}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545}.was-validated .form-control:invalid~.invalid-feedback,.form-control.is-invalid~.invalid-feedback{display:block}.login-btn{width:100%;padding:.75rem;background:#daa520;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.login-btn:hover:not(:disabled){background:#b8860b}.login-btn:disabled{background:#ccc;cursor:not-allowed}.alert{padding:1rem;margin:1rem 0;border-radius:5px;display:flex;align-items:center;gap:.5rem}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#666;font-weight:500;font-size:.9rem}.input-group{position:relative;display:flex;width:100%}.input-icon,.input-group-text{display:flex;align-items:center;padding:.75rem 1rem;background-color:#fff;border:1px solid #ced4da;border-radius:5px 0 0 5px;color:#daa520}.form-control{flex:1;padding:.75rem;border:1px solid #ced4da;border-radius:0 5px 5px 0;font-size:1rem;transition:all .3s ease}.form-control:focus{border-color:#daa520;box-shadow:0 0 0 .2rem #daa52026;outline:none}.form-control.is-invalid{border-color:#dc3545;padding-right:3rem}.form-control.is-invalid~.input-icon,.form-control.is-invalid~.input-group-text{border-color:#dc3545;color:#dc3545}.form-control::placeholder{color:#adb5bd;opacity:.8}.input-group:hover .input-icon,.input-group:hover .input-group-text,.input-group:hover .form-control{border-color:#daa520}@media (max-width: 480px){.input-icon,.input-group-text,.form-control{padding:.6rem}.form-group{margin-bottom:1rem}.show-password-btn{padding:0 .75rem}}.password-group{position:relative;display:flex;width:100%}.password-group .form-control{padding-right:45px}.show-password-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;width:45px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:5}.show-password-btn:hover{color:#daa520}.show-password-btn:focus{outline:none;box-shadow:none}.show-password-btn i{font-size:1.1rem;line-height:1}.form-control.is-invalid+.show-password-btn{right:30px}.input-group .password-group{flex:1}.input-group .password-group .form-control{border-radius:0 5px 5px 0}.password-group:hover .show-password-btn{color:#daa520}@media (max-width: 480px){.show-password-btn{width:40px}.form-control.is-invalid+.show-password-btn{right:25px}}.position-relative .btn-danger{opacity:0;transition:opacity .3s ease}.position-relative:hover .btn-danger{opacity:1}:root{--accent-color: #ffbb2c;--primary-color: #2487ce;--secondary-color: #32353a;--light-color: #f8f9fa;--dark-color: #212529}.light-background{background-color:var(--light-color)!important}.gray-background{background-color:#e9ecef!important}.anthracite-background{background-color:#343a40!important}.dark-background{background-color:var(--dark-color)!important}
