.sidebar{color:#fff;box-sizing:border-box;z-index:1100;background:#071b33;flex-direction:column;flex:0 0 280px;width:280px;min-width:280px;max-width:280px;height:100vh;min-height:100vh;padding:28px 18px;transition:width .25s,min-width .25s,max-width .25s,transform .25s,padding .25s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;padding-bottom:18px}.sidebar-header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar-title{letter-spacing:.5px;color:#fff;font-size:24px;font-weight:800;line-height:1}.sidebar-subtitle{color:#94a3b8;letter-spacing:.4px;margin-top:6px;font-size:11px;font-weight:600;line-height:1.3}.sidebar-user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:14px;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.sidebar-user-role{opacity:.75;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.3;overflow:hidden}.sidebar-nav{flex:1;min-height:0;margin-top:18px;padding-right:2px;overflow:hidden auto}.sidebar-item{box-sizing:border-box;color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;margin-bottom:4px;padding:13px 16px;font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:block}.sidebar-item:hover{color:#fff;background:#ffffff14}.sidebar-item.active{color:#fff;background:#ffffff24;font-weight:700}.sidebar-logout{color:#071b33;cursor:pointer;background:#fff;border:none;border-radius:8px;flex-shrink:0;width:100%;margin-top:16px;padding:12px 14px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s}.sidebar-logout:hover{opacity:.9}.sidebar-logout:active{transform:scale(.98)}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff47}.sidebar-mobile-toggle{color:#fff;cursor:pointer;z-index:1250;background:#071b33;border:none;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 14px #00000029}.sidebar-close-button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.sidebar-overlay{display:none}@media (width>=768px) and (width<=1024px){.sidebar{flex-basis:220px;width:220px;min-width:220px;max-width:220px;padding:22px 12px}.sidebar-title{font-size:21px}.sidebar-subtitle{font-size:10px}.sidebar-user-name{font-size:12px}.sidebar-item{border-radius:8px;padding:12px;font-size:14px}.sidebar-logout{padding:11px;font-size:13px}}@media (width<=767px){.sidebar-mobile-toggle{display:flex}.sidebar{z-index:1300;width:min(280px,86vw);min-width:min(280px,86vw);max-width:min(280px,86vw);height:100dvh;min-height:100dvh;padding:22px 14px;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:10px 0 30px #0000003d}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-button{display:flex}.sidebar-overlay{cursor:pointer;z-index:1290;background:#00000073;border:none;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sidebar-nav{margin-top:14px}.sidebar-item{align-items:center;min-height:44px;padding:12px 14px;font-size:14px;display:flex}.sidebar-logout{min-height:44px;margin-top:12px}}@media (width<=480px){.sidebar-mobile-toggle{width:44px;height:44px;top:12px;left:12px}.sidebar{width:min(270px,88vw);min-width:min(270px,88vw);max-width:min(270px,88vw);padding:20px 12px}.sidebar-title{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:#f4f7fb;min-width:320px;min-height:100vh;font-family:Arial,Helvetica,sans-serif}