.admin-layout{background-color:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative}.preprod-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:10000;pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding:5px 20px;font-size:11px;font-weight:700;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.sidebar{z-index:50;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed}@media (max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:30px 20px;display:flex}.sidebar-header h2{color:#10545b;font-family:var(--font-berkshire,"Berkshire Swash",cursive);margin:0;font-size:1.5em}.sidebar-header .close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;display:none}@media (max-width:1024px){.sidebar-header .close-btn{display:block}}.sidebar-nav{flex:1;padding:20px 0}.sidebar-nav ul{margin:0;padding:0;list-style:none}.nav-link{color:#64748b;white-space:nowrap;background-color:#0000;border-right:3px solid #0000;border-radius:4px 0 0 4px;align-items:center;gap:12px;margin-bottom:5px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link.active{color:#10545b;background-color:#f1f5f9;border-right-color:#10545b;font-weight:600}.nav-link:hover:not(.active){color:#334155;background-color:#f8fafc}.sidebar-footer{border-top:1px solid #f1f5f9;padding:20px}.logout-btn{color:#ef4444;cursor:pointer;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background-color:#fee2e2}.main-content{flex:1;margin-left:260px;padding:30px;transition:margin-left .3s ease-in-out;overflow-y:auto}@media (max-width:1024px){.main-content{margin-left:0;padding:20px}}.mobile-header{z-index:40;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px 20px;display:none;position:sticky;top:0}@media (max-width:1024px){.mobile-header{display:flex}}.mobile-header h2{color:#10545b;font-family:var(--font-berkshire,"Berkshire Swash",cursive);margin:0;font-size:1.2em}.mobile-header .menu-btn{cursor:pointer;color:#10545b;background:0 0;border:none;padding:5px}.overlay{z-index:45;background-color:#00000080;display:none;position:fixed;inset:0}@media (max-width:1024px){.overlay.open{display:block}}