.layout-wrapper{display:flex;min-height:100vh;background:var(--new-ui-black-gradient);color:#f5f7fa;overflow-x:hidden}.layout-main{flex:1 1;padding:25px 30px;transition:margin-left .3s ease;background:var(--new-ui-gray);border-left:1px solid var(--new-ui-border)}.layout-main,.sidebar-container:hover~.layout-main{margin-left:85px}.layout-content{background:var(--new-ui-black);border:1px solid var(--new-ui-border);border-radius:12px;padding:30px;min-height:calc(100vh - 80px);box-shadow:0 4px 15px rgba(0,0,0,.25);color:#e1e6ee;transition:all .3s ease}.layout-content:hover{border-color:var(--new-ui-border2);box-shadow:0 6px 18px rgba(0,0,0,.4)}.layout-content::-webkit-scrollbar{width:6px}.layout-content::-webkit-scrollbar-thumb{background:var(--new-ui-border2);border-radius:4px}@media screen and (max-width:768px){.layout-main,.sidebar-container:hover~.layout-main{margin-left:0}.layout-main{padding:20px;background:var(--new-ui-black)}.layout-content{border-radius:10px;min-height:calc(100vh - 70px);padding:8px}}.sidebar-container{height:100vh;width:85px;background:var(--new-ui-black-gradient);position:fixed;left:0;top:0;z-index:100;overflow-x:hidden;transition:width .3s ease;white-space:nowrap;padding-top:60px;border-right:1px solid var(--new-ui-border)}.sidebar-container:hover{width:250px;box-shadow:4px 0 12px rgba(0,0,0,.4)}.sidebar-icon{font-size:22px;min-width:25px;text-align:center;color:#98a2b3;transition:color .3s ease}.sidebar-link:hover .sidebar-icon{color:var(--new-ui-blue)}.sidebar-text{opacity:0;transition:opacity .3s ease,color .3s ease;color:#cbd5e1}.sidebar-container:hover .sidebar-text{opacity:1}#main{height:100vh;overflow-y:auto;padding:16px;margin-left:85px;transition:none;background:var(--new-ui-gray);color:#f0f4f8}#main::-webkit-scrollbar{width:6px}#main::-webkit-scrollbar-thumb{background:var(--new-ui-border2);border-radius:4px}.sidebar-container.is-open .sidebar-text{opacity:1}@media screen and (max-width:768px){.sidebar-container{position:fixed;transform:translateX(-100%);width:250px;padding-top:70px;z-index:1000;background:var(--new-ui-black)}.sidebar-container.is-open{transform:translateX(0)}.sidebar-toggle-btn{position:fixed;bottom:15px;right:15px;background:var(--new-ui-black);color:#fff;border:1px solid var(--new-ui-border2);padding:10px;border-radius:6px;z-index:2000;cursor:pointer;transition:background .2s ease,border .2s ease}.sidebar-toggle-btn:hover{background:var(--new-ui-border2);border-color:var(--new-ui-blue)}.sidebar-container:hover{width:250px}#main{margin-left:0;height:auto}}.sidebar-link{display:flex;align-items:center;gap:18px;padding:12px 20px;text-decoration:none;font-size:15px;color:#c8d1dc;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.sidebar-link:hover{background-color:var(--new-ui-border);color:#ffffff}.sidebar-link.active{background-color:var(--new-ui-border2);color:#ffffff;border-left:3px solid var(--new-ui-blue)}.sidebar-link.active .sidebar-icon{color:var(--new-ui-blue)}.sidebar-link.active .sidebar-text{font-weight:600;text-shadow:0 0 8px rgba(16,83,243,.4)}.submenu{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;background:var(--new-ui-gray);border-left:2px solid var(--new-ui-border2);margin-left:15px;border-radius:0}.submenu.open{max-height:500px;opacity:1}.submenu-item{padding:10px 30px;font-size:14px;color:#aab3c2;cursor:pointer;transition:all .2s ease}.submenu-item:hover{background:var(--new-ui-border);color:#fff}.submenu-item.active{background:var(--new-ui-border2);color:var(--new-ui-blue);border-left:3px solid var(--new-ui-blue)}.submenu-arrow{margin-left:auto;font-size:18px;color:#7c8698;transition:transform .3s ease}.submenu-arrow.rotated{transform:rotate(90deg)}.sidebar-item{position:relative}.sidebar-item:hover .submenu{pointer-events:auto;transition-delay:0s}.sidebar-header{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--new-ui-border2);background:var(--new-ui-black-gradient)}.sidebar-logo .logo-icon{color:var(--new-ui-blue);font-size:24px}.logo-icon{width:32px;height:32px;border-radius:8px;object-fit:contain;transition:transform .3s ease}.sidebar-title{color:#e8ecf2;font-size:16px;font-weight:600;opacity:0;white-space:nowrap;transition:opacity .3s ease}.sidebar-container.is-open .sidebar-title,.sidebar-container:hover .sidebar-title{opacity:1}.sidebar-logo{min-width:35px;text-align:center}