*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;overflow-x:hidden;max-width:100vw}.app-container{display:flex;min-height:100vh;overflow-x:hidden}.main-content{flex:1 1;margin-left:60px;margin-top:70px;padding:20px;transition:margin-left .3s ease-in-out;position:relative;z-index:1;overflow-x:hidden;max-width:calc(100vw - 60px);min-height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow-y:hidden}.app-container.sidebar-expanded .main-content{margin-left:250px;max-width:calc(100vw - 250px)}@media (max-width:768px){.main-content{margin-left:0;margin-top:60px;padding:10px}.app-container.sidebar-expanded .main-content{margin-left:0}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.sidebar{width:60px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;height:100vh;position:fixed;left:0;top:0;padding:20px 0;z-index:100;transition:width .3s ease-in-out;overflow:hidden}.sidebar:hover{width:250px;box-shadow:2px 0 10px rgba(0,0,0,.1)}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #334155;margin-bottom:20px;white-space:nowrap;position:relative;min-height:30px;display:flex;align-items:center;justify-content:flex-start}.hamburger-icon{width:24px;height:24px;cursor:pointer;flex-shrink:0}.sidebar-nav{list-style:none;padding:0}.sidebar-nav li{margin:0}.sidebar-nav a{display:flex;align-items:center;padding:12px 20px;color:#cbd5e1;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;white-space:nowrap;position:relative;min-height:44px}.sidebar-nav a .nav-text{opacity:0;transition:opacity .3s ease-in-out;margin-left:15px;white-space:nowrap;font-size:.85rem}.sidebar:hover .sidebar-nav a .nav-text{opacity:1}.sidebar:not(:hover) .sidebar-nav a .nav-text{display:none}.sidebar-nav a .nav-icon{min-width:20px;display:flex;font-size:1.2rem;opacity:1;transition:none}.sidebar:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:30px;background-color:#475569;opacity:.5;transition:opacity .3s ease}.sidebar:hover:before{opacity:0}.sidebar-nav a{justify-content:flex-start}.sidebar:not(:hover) .sidebar-nav a{justify-content:center;padding:12px 10px}.sidebar-nav a .nav-icon{opacity:1!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar:not(:hover) .sidebar-nav a .nav-icon{font-size:1.4rem}.sidebar-nav a.active,.sidebar-nav a:hover{background-color:rgb(168,249,49);color:#000;border-left-color:#000}.sidebar-footer{position:absolute;bottom:20px;left:0;right:0;border-top:1px solid #334155;padding:20px 20px 0}.auth-section{display:flex;flex-direction:column;gap:10px}.user-info{display:flex;align-items:center;padding:8px 0;opacity:0;transition:opacity .3s ease-in-out}.sidebar:hover .user-info{opacity:1}.user-details{margin-left:15px;display:flex;flex-direction:column;min-width:0}.user-name{font-size:.9rem;font-weight:500;color:#f1f5f9}.user-email,.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:#94a3b8}.login-btn,.logout-btn{display:flex;align-items:center;padding:8px 0;color:#cbd5e1;text-decoration:none;background:none;border:none;cursor:pointer;transition:color .3s ease;font-size:.9rem;width:100%;justify-content:flex-start}.login-btn:hover,.logout-btn:hover{color:#f87171}.login-btn .nav-text,.logout-btn .nav-text{opacity:0;transition:opacity .3s ease-in-out;margin-left:15px}.sidebar:hover .login-btn .nav-text,.sidebar:hover .logout-btn .nav-text{opacity:1}.sidebar:not(:hover) .login-btn .nav-text,.sidebar:not(:hover) .logout-btn .nav-text{display:none}.sidebar:not(:hover) .login-btn,.sidebar:not(:hover) .logout-btn,.sidebar:not(:hover) .user-info{justify-content:center;padding:8px}.sidebar:not(:hover) .user-details{display:none}.app-header{position:fixed;top:0;left:60px;width:calc(100vw - 60px);height:70px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:100;transition:left .3s ease-in-out,width .3s ease-in-out}.sidebar-expanded .app-header{left:250px;width:calc(100vw - 250px)}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding:0 30px;max-width:100%}.header-left{gap:20px;justify-self:start}.header-left,.logo-container{display:flex;align-items:center}.zebra-logo{object-fit:contain}.app-title-container{justify-self:center}.app-title{font-size:20px;font-weight:700;color:#ffffff;letter-spacing:.5px;margin:0;text-transform:uppercase;white-space:nowrap}.header-right{display:flex;align-items:center;justify-self:end}.user-info-header{display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:8px;border:1px solid rgba(255,255,255,.2)}.user-name-header{font-size:14px;font-weight:600;color:#ffffff}@media (max-width:1200px){.app-title{font-size:18px}}@media (max-width:992px){.app-title{font-size:16px}.header-content{padding:0 20px}}@media (max-width:768px){.app-header{left:0;height:60px}.sidebar-expanded .app-header{left:0}.header-left{gap:10px}.app-title-container{padding-left:10px}.app-title{font-size:12px}.logo-container{width:80px}.zebra-logo{width:80px!important;height:28px!important}.user-name-header{font-size:12px}.user-info-header{padding:6px 12px}}@media (max-width:480px){.app-title{font-size:10px;letter-spacing:.3px}.logo-container{width:60px}.zebra-logo{width:60px!important;height:20px!important}.header-content{padding:0 10px}}