*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#d1fae5;--light:#ffffff;--dark:#1a1a1a;--gray:#6b7280;--sidebar-width:260px;--sidebar-collapsed:80px;--header-height:65px;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);--hover-scale:1.02}body{background:#f9fafb;color:var(--dark)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;z-index:1001;background:var(--light);box-shadow:0 4px 12px rgba(0,0,0,.05);border-bottom:1px solid #e5e7eb}.ap-logo{width:var(--sidebar-width);background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;transition:all var(--transition);position:relative;flex-shrink:0}.sidebar.collapsed~.header .ap-logo{width:var(--sidebar-collapsed);background:var(--primary-dark)}.logo-icon{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all var(--transition)}.sidebar.collapsed~.header .logo-icon{width:36px;height:36px}.logo-icon i{font-size:1.8rem;color:var(--primary);transition:all var(--transition)}.sidebar.collapsed~.header .logo-icon i{font-size:1.5rem}.logo-desktop{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:700;color:#fff;transition:all var(--transition);overflow:hidden}.sidebar.collapsed~.header .logo-desktop span{opacity:0;width:0;transform:translateX(-20px)}.logo-mobile{display:none;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:var(--primary)}.logo-mobile .logo-icon{width:36px;height:36px}.header-toggle{position:absolute;right:-18px;top:50%;transform:translateY(-50%);z-index:1002}.toggle-btn{width:36px;height:36px;border:none;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);font-size:1.1rem;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:.3s}.toggle-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15);background:var(--primary);color:#fff}.sidebar.collapsed~.header .toggle-btn{transform:translateY(-50%) rotate(180deg)}.ap-navbar{flex:1;background:var(--light);display:flex;align-items:center;padding:0 25px;transition:margin-left var(--transition)}.navbar-tools{display:flex;align-items:center;gap:15px;margin-left:auto}.tool-btn{width:40px;height:40px;border:none;background:var(--primary-light);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);font-size:1.2rem;position:relative;transition:.3s}.tool-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(16,185,129,.15);background:var(--primary);color:#fff}.badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.bio-user{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--primary-light);border-radius:8px;cursor:pointer;position:relative;transition:.3s}.bio-user:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1);background:var(--primary)}.bio-user:hover .bio-name{color:#fff}.bio-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;border:2px solid #fff}.bio-name{font-weight:500;color:var(--dark);font-size:.9rem;transition:color .3s}.bio-ddown{position:absolute;top:100%;right:0;width:220px;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.3s cubic-bezier(.4,0,.2,1);z-index:1001;border:1px solid #e5e7eb}.dd-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--dark);text-decoration:none;font-size:.9rem;transition:.2s}.dd-item:hover{background:#f0fdf4;color:var(--primary);transform:translateX(5px) scale(1.01);padding-left:25px}.dd-divider{height:1px;background:#e5e7eb;margin:8px 0}.bio-user.active .bio-ddown{opacity:1;visibility:visible;transform:translateY(8px)}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:#fff;border-right:1px solid #e5e7eb;z-index:1000;transition:all var(--transition);display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0,0,0,.05)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed:hover{width:var(--sidebar-width);box-shadow:4px 0 20px rgba(0,0,0,.1)}.ap-side{flex:1;overflow-y:auto;padding:20px 0;transition:all var(--transition)}.sidebar.collapsed .ap-side{padding:15px 0}.ap-side::-webkit-scrollbar{width:6px}.ap-side::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ap-side::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}.ap-side::-webkit-scrollbar-thumb:hover{background:var(--primary)}.side-nav{list-style:none}.menu-item{display:flex;align-items:center;gap:14px;padding:14px 22px;color:var(--gray);text-decoration:none;border-left:3px solid transparent;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1);position:relative;margin:2px 12px;border-radius:6px;white-space:nowrap;overflow:hidden}.menu-item:hover{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);transform:translateX(5px) scale(var(--hover-scale));box-shadow:0 4px 12px rgba(16,185,129,.1);z-index:1}.menu-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:500;transform:translateX(0) scale(1);box-shadow:0 2px 8px rgba(16,185,129,.08)}.menu-item i:first-child{font-size:1.2rem;width:24px;text-align:center;transition:transform .3s;flex-shrink:0}.menu-item:hover i:first-child{transform:scale(1.1)}.menu-item .chevron{margin-left:auto;font-size:.9rem;transition:transform var(--transition);flex-shrink:0;opacity:1;visibility:visible}.sidebar.collapsed .chevron,.sidebar.collapsed .menu-item span{opacity:0;width:0;overflow:hidden;flex:0;transition:all var(--transition)}.sidebar.collapsed:hover .chevron,.sidebar.collapsed:hover .menu-item span{opacity:1;width:auto;overflow:visible;flex:1}.sidebar.collapsed .menu-item{padding:14px;justify-content:center;transition:all var(--transition)}.sidebar.collapsed:hover .menu-item{padding:14px 22px;justify-content:flex-start}.submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#fafbfc;margin-top:4px;border-radius:0 0 6px 6px;padding:0 12px}.submenu.active{max-height:800px}.submenu-item{display:flex;align-items:center;gap:14px;padding:12px 22px 12px 48px;color:var(--gray);text-decoration:none;font-size:.9rem;border-radius:5px;margin:2px 0;transition:.3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;overflow:hidden}.submenu-item:hover{background:#f0fdf4;color:var(--primary);transform:translateX(8px) scale(1.02);padding-left:52px;box-shadow:0 3px 8px rgba(16,185,129,.08);z-index:1}.submenu-item.active{color:var(--primary);background:#f0fdf4;font-weight:500}.submenu-item i{font-size:1rem;width:20px;transition:transform .3s;flex-shrink:0}.submenu-item:hover i{transform:scale(1.1)}.sidebar.collapsed .submenu{display:none!important}.sidebar.collapsed:hover .submenu{display:block!important}.side-foot{border-top:1px solid #e5e7eb;padding:20px;background:#fafbfc;flex-shrink:0;transition:all var(--transition)}.sidebar.collapsed .side-foot{padding:15px}.logout-item{display:flex;align-items:center;gap:14px;padding:12px;color:var(--gray);text-decoration:none;border-radius:8px;cursor:pointer;transition:.3s;white-space:nowrap;overflow:hidden}.logout-item:hover{background:rgba(239,68,68,.1);color:#ef4444;transform:translateX(3px) scale(1.02);box-shadow:0 4px 12px rgba(239,68,68,.1)}.logout-item i{font-size:1.2rem;flex-shrink:0}.sidebar.collapsed .logout-item span{opacity:0;width:0;overflow:hidden;flex:0;transition:all var(--transition)}.sidebar.collapsed .logout-item{justify-content:center;padding:14px;transition:all var(--transition)}.sidebar.collapsed:hover .logout-item span{opacity:1;width:auto;overflow:visible;flex:1}.sidebar.collapsed:hover .logout-item{justify-content:flex-start;padding:12px}.ap-main{margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:30px;min-height:calc(100vh - var(--header-height));transition:all var(--transition)}.sidebar.collapsed~.ap-main{margin-left:var(--sidebar-collapsed)}.sidebar.collapsed:hover~.ap-main{margin-left:var(--sidebar-width)}.sidebar.collapsed:hover~.header .ap-logo{width:var(--sidebar-width)}.sidebar.collapsed:hover~.header .logo-desktop span{opacity:1;width:auto;transform:translateX(0)}.sidebar.collapsed:hover~.header .toggle-btn{transform:translateY(-50%) rotate(0)}.ap-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.06);border:1px solid #e5e7eb;margin-bottom:25px;transition:transform .3s}.ap-content:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 8px 25px rgba(0,0,0,.08)}.ap-content h2{color:var(--primary);margin-bottom:20px;font-size:1.6rem}.lmn-loading{position:relative;pointer-events:none;opacity:.7}.lmn-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--primary);border-top-color:transparent;border-radius:50%;animation:.6s linear infinite polos-spin}@keyframes polos-spin{to{transform:rotate(360deg)}}.js-interactive{cursor:pointer}.dark-mode{background:#1a1a1a;color:#fff}.dark-mode .ap-content,.dark-mode .header,.dark-mode .sidebar{background:#2d2d2d;color:#fff;border-color:#404040}@media (max-width:768px){.header{padding:0 15px;height:var(--header-height)}.ap-logo{width:100%!important;background:var(--light)!important;justify-content:space-between!important;padding:0 15px!important;position:relative}.header-toggle,.logo-desktop{display:none!important}.logo-mobile{display:flex;position:absolute;left:50%;transform:translateX(-50%)}.mobile-navbar-toggle,.mobile-sidebar-toggle{display:flex!important;background:var(--primary-light);color:var(--primary);box-shadow:none}.ap-navbar{position:fixed;top:var(--header-height);left:0;right:0;background:#fff;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.12);flex-direction:column;display:none;z-index:999;border-top:3px solid var(--primary)}.ap-navbar.active{display:flex}.navbar-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;margin-left:0}.tool-btn{width:100%;height:45px;flex-direction:column;border-radius:10px}.bio-user{grid-column:span 5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px;margin-top:10px;border-radius:12px}.bio-avatar{width:50px;height:50px;font-size:1.2rem}.bio-name{font-size:1rem;margin-top:8px}.bio-ddown{position:static;width:100%;margin-top:15px;box-shadow:none;border:1px solid #e5e7eb;display:none}.bio-user.active .bio-ddown{display:block;opacity:1;visibility:visible;transform:none}.sidebar{transform:translateX(-100%);width:280px!important;top:var(--header-height);box-shadow:4px 0 20px rgba(0,0,0,.1);height:calc(100vh - var(--header-height))}.sidebar.active{transform:translateX(0)}.ap-main{margin-left:0!important;padding:20px;margin-top:var(--header-height)}}@media (min-width:769px){.logo-mobile,.mobile-navbar-toggle,.mobile-sidebar-toggle{display:none!important}.ap-navbar,.bio-user{display:flex!important}}