:root{--app-base:#f8f9fa;--app-card-bg:#fff;--app-text:#495057;--app-primary:#00695c;--app-primary-hover:#004d40;--app-danger:#dc3545;--app-sidebar-bg:#00695c;--app-sidebar-text:#fff;--app-sidebar-border:#004d40;--app-topbar-border:#e9ecef;--app-footer-bg:#343a40;--app-footer-text:#adb5bd;}html,body{font-family:"Segoe UI",sans-serif;font-size:15px;line-height:1.5rem;background-color:var(--app-base);color:var(--app-text);margin:0;padding:0;}#app-wrapper{display:flex;min-height:100vh;}#app-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;width:220px;padding:10px 1rem;background-color:var(--app-sidebar-bg);border-right:1px solid var(--app-sidebar-border);font-size:.9rem;}#app-sidebar hr{border:0;height:1px;background-color:var(--app-sidebar-text);margin:1rem 0 .5rem 0;}#app-sidebar .menu-divider{padding-bottom:8px;border-bottom:.5px solid #ccc;}#app-sidebar ul{list-style:none;padding:0;margin:0;}#app-sidebar ul .logo{border:1px solid var(--app-footer-text);background-color:#f8f9fa;padding:2px 10px;border-top-right-radius:15px;border-bottom-left-radius:15px;display:flex;}#app-sidebar ul .logo a{display:flex;justify-content:center;align-items:center;width:100%;}#app-sidebar ul .logo img{max-width:100%;height:auto;}#app-sidebar ul li a{display:flex;align-items:center;text-decoration:none;color:var(--app-sidebar-text);padding:8px 0;}#app-sidebar ul li a i{width:16px;}#app-sidebar ul li a .link-content{display:flex;align-items:center;gap:.85rem;}#app-sidebar ul li.has-submenu>a{justify-content:space-between;}#app-sidebar ul li.has-submenu>a .arrow{font-size:.8rem;transition:transform .2s ease;}#app-sidebar ul .submenu{padding-left:1.75rem;display:none;}#app-sidebar ul .submenu li a{opacity:.95;padding:6px 0;transition:padding-left .3s ease;}#app-sidebar ul .submenu li a:hover{padding-left:5px;}#app-sidebar ul .menu-link:hover{background-color:#3f5d53;opacity:1;}#app-sidebar ul .has-submenu.open .submenu{display:block;}#app-sidebar ul .has-submenu.open .arrow{transform:rotate(90deg);}#app-main{flex-grow:1;min-width:0;display:flex;flex-direction:column;}#app-topbar{position:sticky;top:0;z-index:1030;height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background-color:var(--app-card-bg);border-bottom:1px solid var(--app-topbar-border);box-shadow:0 2px 5px rgba(0,0,0,.03);}#app-topbar .brand-title{position:absolute;left:50%;transform:translateX(-50%);font-weight:700;text-decoration:none;color:var(--app-primary);}#app-topbar .btn-topbar{padding:5px 25px;border-radius:5px;}#app-topbar .brand-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;}#app-topbar .brand-logo img{max-height:32px;width:auto;display:block;}#app-topbar .user-menu{position:relative;margin-left:auto;}#app-topbar .avatar-btn{background:none;cursor:pointer;border:0;padding:6px 10px;display:flex;align-items:center;color:var(--app-primary);}#app-topbar .avatar-btn span{font-size:.9rem;padding-right:10px;font-weight:500;}#app-topbar .avatar-btn i{font-size:1.8rem;}#app-topbar .avatar-btn:hover{background-color:var(--app-base);border-radius:5px;}#app-topbar .dropdown-menu{display:none;position:absolute;right:0;top:100%;margin-top:8px;min-width:140px;background:var(--app-card-bg);border:1px solid var(--app-topbar-border);border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.1);}#app-topbar .dropdown-menu.show{display:block;}#app-topbar .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:8px 15px;font-size:.9rem;text-decoration:none;color:var(--app-text);}#app-topbar .dropdown-menu .dropdown-item i{width:16px;text-align:center;}#app-topbar .dropdown-menu .dropdown-item.logout{color:var(--app-danger);}#app-topbar .dropdown-menu .dropdown-item:hover{background:var(--app-base);}#app-content{flex-grow:1;padding:20px 25px;}#app-footer{height:40px;background-color:var(--app-footer-bg);color:var(--app-footer-text);display:flex;align-items:center;justify-content:center;padding:0 20px;font-size:.85rem;}@media(max-width:767.98px){#app-sidebar{position:fixed;left:0;z-index:1045;box-shadow:4px 0 12px rgba(0,0,0,.15);}}