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