.container{overflow-x:hidden;font-family:Segoe UI,Roboto,sans-serif;position:relative;z-index:0}.container,.container:before{display:flex;min-height:100vh}.container:before{background:url(/Dashboard.png) no-repeat 50% fixed;background-size:cover;align-items:center;justify-content:center;content:"";position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1;opacity:.1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{background:linear-gradient(90deg,rgba(255,245,247,.75),rgba(240,255,250,.75));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#3d3d3d;padding:20px;font-size:16px;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,.04);border-bottom:1px solid rgba(255,255,255,.2);z-index:2;justify-content:space-between}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:10px}.topbar-logo{height:40px;width:auto}.logout-btn{font-size:14px;padding:6px 12px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer}.sidebar{background:linear-gradient(180deg,rgba(255,245,247,.4),rgba(240,255,250,.4));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#4a4a4a;transition:width .3s ease;display:flex;flex-direction:column;box-shadow:4px 0 10px rgba(0,0,0,.04);z-index:1;border-right:1px solid rgba(255,255,255,.2);margin:1rem;border-radius:12px}.sidebar.collapsed{width:60px}.sidebar.expanded{width:220px}.sidebar-toggle{margin:12px;padding:10px 14px;font-size:14px;font-weight:500;background:linear-gradient(90deg,#ffe4ec,#fef6e4);color:#5c4b51;border:1px solid rgba(255,255,255,.4);border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.04);text-align:center;width:calc(100% - 24px)}.sidebar-toggle:hover{background:linear-gradient(90deg,#f7e6f6,#fff5e4);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.06)}.sidebar-toggle:active{transform:scale(.98);box-shadow:inset 0 2px 3px rgba(0,0,0,.08)}.sidebar-buttons{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:12px}.sidebar-buttons a,.sidebar-buttons button{background:linear-gradient(90deg,#ffe4ec,#fef6e4);border:none;color:#3d3d3d;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;text-align:left;cursor:pointer;box-shadow:0 0 8px rgba(255,255,255,.2);transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none;position:relative}.sidebar.collapsed .sidebar-buttons a,.sidebar.collapsed .sidebar-buttons button{justify-content:center;text-align:center}.sidebar-buttons a:hover,.sidebar-buttons button:hover{transform:translateX(4px)}.sidebar-buttons a.active,.sidebar-buttons a:hover,.sidebar-buttons button:hover{background:linear-gradient(90deg,#f7e6f6,#fff5e4);color:#6b4b5e;box-shadow:0 2px 6px rgba(0,0,0,.08)}.sidebar-buttons a:active,.sidebar-buttons button:active{background:#ecd8ef;transform:scale(.97);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.sidebar-buttons a .tooltip{visibility:hidden;opacity:0;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#ffe4ec,#fef6e4);color:#3d3d3d;padding:4px 8px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1);white-space:nowrap;pointer-events:none;transition:opacity .2s ease;z-index:10}.sidebar.collapsed .sidebar-buttons a:hover .tooltip{visibility:visible;opacity:1}.main{flex:1;margin:1rem}@media (max-width:768px){.container{flex-direction:column}.sidebar{width:100%;margin:0;border-radius:0}.sidebar.collapsed .sidebar-buttons{display:none}.sidebar.collapsed{width:100%}.sidebar.expanded{width:80%;max-width:300px}.main{margin:0}}