:root{--primary: #2c3e50;--secondary: #4a90e2;--accent: #e74c3c;--light: #ecf0f1;--dark: #34495e}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;padding:0;background-color:#f5f5f5}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]:focus{pointer-events:auto}input[type=number]::-ms-clear{display:none}.app-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;position:relative}.nav-bar{display:flex;gap:15px;margin-bottom:30px}.nav-bar a{padding:15px 30px;border:none;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer;font-weight:700;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;flex:1;text-align:center;text-decoration:none}.nav-bar a:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.app-title{text-align:center;color:var(--primary);margin-bottom:30px;font-size:2.5rem;letter-spacing:2px;text-transform:uppercase}.app-version{position:fixed;bottom:10px;right:10px;color:#0003;font-size:.8rem;font-style:italic}:root{--primary: #4a90e2;--secondary: #7ed321;--background: #f5f7fa;--text: #2d3436}body{font-family:Inter,sans-serif;background:var(--background)}.dashboard-section{background:#fff;border-radius:16px;padding:2rem;margin:1rem;box-shadow:0 4px 6px #0000001a}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:2rem}.product-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:transform .2s}.product-card:hover{transform:translateY(-2px)}html.tpm-active{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;--tpm-nav-w: 224px}html.tpm-active.tpm-nav-collapsed{--tpm-nav-w: 64px}html.tpm-active.tpm-rotate{overflow:hidden}html.tpm-active.tpm-rotate body{position:fixed;top:0;left:0;width:100vh;width:100dvh;height:100vw;height:100dvw;margin:0;overflow:auto;-webkit-overflow-scrolling:touch;transform-origin:0 0;transform:translate(100vw) rotate(90deg)}html.tpm-active.tpm-rotate .protected-layout,html.tpm-active.tpm-rotate .app-container{min-height:100%}html.tpm-active,html.tpm-active body,html.tpm-active button,html.tpm-active a,html.tpm-active input,html.tpm-active select,html.tpm-active label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.tpm-active .navigation{display:flex!important;width:var(--tpm-nav-w)!important;height:100vh;height:100dvh;max-height:100dvh;padding:12px 10px!important;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;box-sizing:border-box;z-index:1000;transition:width .22s ease}html.tpm-active .navigation::-webkit-scrollbar{display:none}html.tpm-active .navigation .nav-header{margin-bottom:10px;padding-bottom:10px}html.tpm-active .navigation .nav-header h1{font-size:1.25rem;margin:0}html.tpm-active .navigation .nav-header p{display:none}html.tpm-active .navigation .nav-links{flex:1 0 auto;gap:4px}html.tpm-active .navigation .nav-link{padding:10px 12px;gap:10px;font-size:.92rem;min-height:40px;box-sizing:border-box;white-space:nowrap}html.tpm-active .navigation .nav-link.nav-sublink{margin-left:14px;padding:8px 12px;font-size:.86rem;min-height:36px}html.tpm-active .navigation .nav-link svg{flex:0 0 auto}html.tpm-active .navigation .nav-footer{margin-top:10px;padding:8px 0 4px}html.tpm-active .navigation .user-info{padding:8px;margin-bottom:8px}html.tpm-active .navigation .logout-button{padding:9px}html.tpm-active .protected-layout{min-height:100vh;min-height:100dvh}html.tpm-active .main-content,html.tpm-active .protected-layout>.navigation+.main-content{margin-left:var(--tpm-nav-w)!important;width:calc(100% - var(--tpm-nav-w))!important;transition:margin-left .22s ease,width .22s ease}html.tpm-active.tpm-nav-collapsed .navigation{padding:12px 6px!important}html.tpm-active.tpm-nav-collapsed .navigation .nav-header h1{font-size:0;text-align:center}html.tpm-active.tpm-nav-collapsed .navigation .nav-header h1:before{content:"MG";font-size:1.2rem}html.tpm-active.tpm-nav-collapsed .navigation .nav-link,html.tpm-active.tpm-nav-collapsed .navigation .logout-button{font-size:0;justify-content:center;padding:11px 0;gap:0}html.tpm-active.tpm-nav-collapsed .navigation .nav-link.nav-sublink{margin-left:0;padding:9px 0}html.tpm-active.tpm-nav-collapsed .navigation .nav-link.nav-sublink:before{display:none}html.tpm-active.tpm-nav-collapsed .navigation .nav-link svg,html.tpm-active.tpm-nav-collapsed .navigation .logout-button svg{font-size:1.35rem}html.tpm-active.tpm-nav-collapsed .navigation .user-details{display:none}html.tpm-active.tpm-nav-collapsed .navigation .user-info{justify-content:center;padding:8px 0}.tpm-nav-toggle{display:none}html.tpm-active .tpm-nav-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;left:calc(var(--tpm-nav-w) - 14px);width:28px;height:28px;padding:0;border:2px solid #ffffff;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;line-height:1;cursor:pointer;z-index:1100;box-shadow:0 2px 8px #0000004d;transition:left .22s ease,transform .15s ease}html.tpm-active .tpm-nav-toggle:active{transform:scale(.9)}html.tpm-active body:not(:has(.navigation)) .tpm-nav-toggle{display:none}@media (prefers-reduced-motion: reduce){html.tpm-active .navigation,html.tpm-active .main-content,html.tpm-active .tpm-nav-toggle{transition:none}}