[x-cloak]{display:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f9;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;min-height:100vh}.sidebar{background:#1e293b;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:transform .3s ease,width .3s ease;width:240px;z-index:100}.sidebar-brand{border-bottom:1px solid hsla(0,0%,100%,.08);gap:12px;padding:24px 20px}.sidebar-brand,.sidebar-brand .brand-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-brand .brand-icon{background:hsla(0,0%,100%,.1);border-radius:10px;font-size:18px;height:40px;justify-content:center;width:40px}.sidebar-brand .brand-text h3{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}.sidebar-brand .brand-text span{color:#94a3b8;font-size:11px;font-weight:400;white-space:nowrap}.sidebar-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:12px 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.sidebar-nav a{align-items:center;border-left:3px solid transparent;color:#94a3b8;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 20px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.sidebar-nav a:hover{background:hsla(0,0%,100%,.05);color:#fff}.sidebar-nav a.active{background:hsla(0,0%,100%,.08);border-left-color:#3b82f6;color:#fff}.sidebar-nav a svg{stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0;height:20px;width:20px}.sidebar-nav .nav-badge{background:#ef4444;border-radius:10px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;margin-left:auto;min-width:20px;padding:1px 7px;text-align:center}.sidebar-user{margin-bottom:12px}.user-name{color:#cbd5e1;font-size:13px;font-weight:500}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.08);flex-shrink:0;padding:16px 20px}.sidebar-footer a{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-weight:500;gap:10px;text-decoration:none;transition:color .15s ease;white-space:nowrap}.sidebar-footer a:hover{color:#f87171}.sidebar-footer a svg{stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0;height:20px;width:20px}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:none;padding:12px 16px;position:sticky;top:0;z-index:50}.topbar .hamburger{align-items:center;background:none;border:none;border-radius:6px;color:#334155;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .15s}.topbar .hamburger:hover{background:#f1f5f9}.topbar .hamburger svg{stroke:currentColor;fill:none;stroke-width:2;height:24px;width:24px}.topbar .topbar-brand{color:#1e293b;font-size:15px;font-weight:600;margin-left:12px}.sidebar-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.4);display:none;inset:0;position:fixed;z-index:99}.sidebar-overlay.active{display:block}.main-content{display:flex;flex-direction:column;margin-left:240px;min-height:100vh;transition:margin-left .3s ease}.main-content>header,.main-content>main{padding:0 12px}.main-content>header{padding-top:12px}.modal1{transition:opacity .25s ease}body.modal1-active{overflow-x:hidden;overflow-y:visible!important}.modal2{transition:opacity .25s ease}body.modal2-active{overflow-x:hidden;overflow-y:visible!important}#newEntryBanner,#newRequestBanner,#updateEntryBanner,#updateRequestBanner{display:none}@media (max-width:1024px){.sidebar{width:64px}.sidebar-brand{justify-content:center;padding:16px}.sidebar-brand .brand-text{display:none}.sidebar-brand .brand-icon{margin:0}.sidebar-nav a{border-left:none;justify-content:center;padding:12px}.sidebar-nav .nav-badge,.sidebar-nav a span{display:none}.sidebar-footer{padding:12px}.sidebar-footer a{justify-content:center}.sidebar-footer a span{display:none}.main-content{margin-left:64px}}@media (max-width:767px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sidebar-brand{justify-content:flex-start;padding:24px 20px}.sidebar-brand .brand-text{display:block}.sidebar-nav a{border-left:3px solid transparent;justify-content:flex-start;padding:10px 20px}.sidebar-nav a span{display:inline}.sidebar-nav .nav-badge{display:inline-flex}.sidebar-footer{padding:16px 20px}.sidebar-footer a{justify-content:flex-start}.sidebar-footer a span{display:inline}.topbar{display:flex}.main-content{margin-left:0}}