:root{--brand-dark:#5c0d0d;--brand-primary:#aa1318;--brand-light:#d42b30;--accent:#ffc107;--surface:#fff;--bg-light:#f5f5f5;--bg-muted:#eee;--text-primary:#1a1a1a;--text-muted:#666;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 6px 24px #00000024;--shadow-lg:0 16px 48px #0003;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--ease:.3s cubic-bezier(.4,0,.2,1);--navbar-h:90px;--light-red:#f0dcdc}*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}body{background-color:var(--bg-light);scroll-behavior:smooth;color:var(--text-primary);flex-direction:column;align-items:center;min-height:100vh;display:flex}.body-down{margin-top:var(--navbar-h);min-height:auto}h1{font-size:clamp(2.4rem,5vw,4.5rem)}h2{font-family:Poppins,sans-serif;font-weight:600}h3{text-align:center;padding:3%;font-size:1.8rem}strong{width:fit-content}a{color:var(--brand-primary);transition:var(--ease);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}footer a{color:#ffffffe6;width:auto}footer a:hover{background:0 0;text-decoration:underline}.navbar{background:var(--brand-primary);width:100vw;transition:opacity var(--ease);z-index:10;height:var(--navbar-h);align-items:center;display:flex;position:fixed;top:0;box-shadow:0 2px 12px #0000004d}.nav-links{justify-content:space-evenly;align-items:center;width:100vw;list-style:none;display:flex}.navbar a,.nav-links a{color:#ffffffe6;transition:var(--ease);cursor:pointer;justify-content:center;min-width:max(8rem,8vw);padding:0 1rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:flex}.navbar a:hover,.nav-links a:hover{color:#fff;background:#ffffff26;text-decoration:none}.logo{height:8vh}.logo-m{height:0;display:none}.navbar .logo-nav{min-width:0;padding:0}.nav-links .logo-nav:hover{background:0 0}.nav-btns{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hamburger{cursor:pointer;color:#fff;font-size:26px;display:none}.ham-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.ham-links li{display:inline}.ham-links a{color:#fff;width:auto;text-decoration:none}header{width:100%;height:90vh;margin-top:var(--navbar-h);flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}form{flex-direction:column;align-items:center;width:90vw;display:flex}input{cursor:text;border-radius:var(--radius-sm);background:var(--surface);width:48%;color:var(--text-primary);transition:border-color var(--ease), box-shadow var(--ease);border:1.5px solid #00000026;margin-bottom:.75rem;padding:.7rem 1rem;font-family:inherit;font-size:.95rem}input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #aa13181f}label{width:49%;color:var(--text-muted);justify-self:flex-start;margin-bottom:.2rem;font-size:.9rem;display:flex}input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--brand-primary);border-radius:4px;margin:0 6px 0 0;padding:0}button{border-radius:var(--radius-sm);color:#fff;background:var(--brand-primary);transition:var(--ease);cursor:pointer;font-family:inherit;font-size:inherit;border:none;padding:.6rem 1.4rem}button:hover{background:var(--brand-light)}.confirm-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:auto;min-width:140px;height:auto;transition:var(--ease);border:none;margin:0 6px;padding:.65rem 1.75rem;font-size:1rem;font-weight:600}.confirm-btn:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 4px 12px #aa13184d}.cancel-btn{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;width:auto;min-width:140px;height:auto;transition:var(--ease);background:0 0;border:1.5px solid #0003;margin:0 6px;padding:.65rem 1.75rem;font-size:1rem;font-weight:600}.cancel-btn:hover{background:var(--bg-muted);border-color:#00000059}.white-btn{background:var(--surface);color:var(--text-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:none}.white-btn:hover{background:var(--bg-muted)}.green-btn{color:#fff;cursor:pointer;border-radius:var(--radius-sm);width:auto;height:auto;transition:var(--ease);background:#16a34a;border:none;margin:1px;padding:.6rem 1.4rem}.green-btn:hover{background:#15803d}.errMsg{color:#fff;border-radius:var(--radius-sm);top:calc(var(--navbar-h) + 10px);box-shadow:var(--shadow-md);z-index:20;background:#dc2626;padding:.75rem 1.25rem;font-size:.9rem;position:absolute}.msg{color:#166534;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);top:calc(var(--navbar-h) + 10px);z-index:20;background:#dcfce7;border:1px solid #bbf7d0;padding:.75rem 1.25rem;font-size:.9rem;position:absolute}.shadow{box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:15px}.content-login{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}section{background:var(--surface);flex-direction:column;align-items:center;padding:2%;display:flex}.container{border-radius:var(--radius-md);width:60%;height:100%;box-shadow:var(--shadow-md);border:1px solid #0000000f;flex-direction:column;padding:15px;display:flex;overflow-y:scroll}.container::-webkit-scrollbar{opacity:0;width:0}.tab{background:var(--surface);width:40%;height:48px;color:var(--text-primary);transition:var(--ease);border:1.5px solid #0000001a;border-bottom-right-radius:0;border-bottom-left-radius:0;justify-content:center;align-items:center;padding:10px;display:flex}.selected{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.tabs{justify-content:space-around;width:30%;margin-top:20px}.title-font{text-align:center;font-size:clamp(2rem,4vw,3.5rem);font-weight:200}.center-align{text-align:center}.tiny{font-size:.9rem}.small{font-size:1.2rem}.big{font-size:2.2rem;font-weight:600}.large{font-size:2.8rem;font-weight:600}.green{color:#16a34a}.red{color:#dc2626}.white{color:#fff}.black{color:#111}.red-bg,.redBg{background:var(--brand-primary);color:#fff}.flex{display:flex}.column{flex-direction:column}.center{justify-content:center;align-items:center;display:flex}.between{justify-content:space-between}.around{justify-content:space-around;align-items:flex-end}.evenly{justify-content:space-evenly}.start{flex-direction:column;align-items:flex-start;display:flex}.end{flex-direction:column;align-items:flex-end;display:flex}.half{width:50%}.full-width{width:100%}.full-height{height:100%}.no-margin{margin:0}.none{display:none}.hide{height:0;overflow:hidden}.grid8020{grid-template-columns:80% 20%;display:grid}.div404{align-items:center;display:flex}.pix20{width:20px;height:20px}.pix80{width:80px;height:80px;margin-right:20px}ul{list-style:none}li{margin:10px}.users-in-list:nth-child(2n),.orders-in-list:nth-child(2n),.logs-in-list:nth-child(2n){background-color:var(--bg-muted)}#solution{background:var(--brand-primary);color:#fff;border:none;width:auto;height:auto;margin:5px;padding:10px}#solution:hover{background:var(--brand-light)}.numbered-list{list-style:decimal}@media (width<=1200px){.grid8020{grid-template-columns:60% 40%}}@media (width<=768px){.grid8020{flex-direction:column-reverse;align-items:center;display:flex}.grid8020 .center,.green-btn{width:100%}.grid8020 input{margin:10px 0;padding:10px}.navbar{justify-content:space-around;height:8vh}.hamburger{display:block}.nav-links{background:var(--brand-primary);text-align:center;width:100%;box-shadow:var(--shadow-md);flex-direction:column;display:none;position:absolute;top:8vh;left:0}.nav-links.show{display:flex}.nav-links li{padding:10px 0}.nav-links a{width:100%}.logo{display:none}.logo-m{height:8vh;display:block}}@media (width<=600px){.pix80{margin:0}.columnResp{flex-direction:column;align-items:center}.noMarginResp{margin:5px 0 0}.inputResp{padding:15px}}
