:root{--bg-body: #1a1b1e;--bg-sidebar: #141517;--bg-card: #25262b;--primary-magenta: #e91e63;--primary-purple: #7048e8;--text-main: #c1c2c5;--text-bright: #ffffff;--border-color: #373a40;--accent-solid: #e91e63}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-body);color:var(--text-main);overflow:hidden;height:100vh;font-size:13px}.app-container{display:flex;height:100vh}.sidebar{width:160px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:15px}.logo-container{margin-bottom:20px;text-align:center}.nav-item{padding:8px 12px;margin-bottom:4px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;font-weight:500;font-size:12px}.nav-item.active{background:var(--accent-solid);color:#fff}.main-content{flex-grow:1;overflow-y:auto;padding:15px}.header-banner{width:100%;height:45px;border-radius:8px;background:linear-gradient(135deg,#7048e8,#e91e63);margin-bottom:15px;display:flex;align-items:center;padding:0 15px}.header-banner h2{color:#fff;font-size:16px}.card{background:var(--bg-card);border-radius:10px;padding:15px;border:1px solid var(--border-color);margin-bottom:15px}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-card .label{color:#868e96;font-size:10px;text-transform:uppercase}.stat-card .value{font-size:18px;font-weight:700;color:var(--text-bright)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.input-group{margin-bottom:12px}.input-group label{font-size:11px;color:#868e96;margin-bottom:5px;display:block}.input-group input{width:100%;padding:10px 12px;background:#1c1d21;border:1px solid var(--border-color);border-radius:6px;color:#fff;font-family:inherit;font-size:13px}.input-group input:focus{outline:none;border-color:var(--primary-magenta)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(24%) sepia(87%) saturate(2324%) hue-rotate(320deg) brightness(97%) contrast(92%)}.toggle-container{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:12px;color:var(--text-bright)}.switch{position:relative;display:inline-block;width:42px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#373a40;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-magenta)}input:checked+.slider:before{transform:translate(22px)}.btn-action{padding:0 16px;font-size:12px;border-radius:6px;background:var(--primary-magenta);color:#fff;border:none;cursor:pointer;font-weight:600;transition:.3s;height:32px;display:flex;align-items:center;justify-content:center}.btn-action:hover{filter:brightness(1.1)}.btn-secondary{background:transparent;border:1px solid #373a40;color:#868e96}.divider{height:1px;background:var(--border-color);margin:20px 0;width:100%}.filters{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:15px;justify-content:flex-end}.filter-input{background:#1c1d21;border:1px solid var(--border-color);color:#fff;padding:0 10px;border-radius:6px;font-size:12px;height:32px;width:auto}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:10px}th{text-align:left;padding:10px 15px;color:#5c5f66;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{padding:12px 15px;color:var(--text-main);background:#25262b;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}td:first-child{border-left:1px solid var(--border-color);border-radius:8px 0 0 8px}td:last-child{border-right:1px solid var(--border-color);border-radius:0 8px 8px 0}.badge-positive{color:#40c057;background:#40c0571a;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-container{height:160px;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#373a40;border-radius:10px}.custom-toast{position:fixed;top:25px;right:25px;background:#1e1e1e;color:#fff;padding:18px 25px;border-radius:14px;box-shadow:0 15px 45px #0009;border-left:5px solid #e91e63;z-index:11000;animation:toast-in .6s cubic-bezier(.175,.885,.32,1.275);font-family:Outfit,sans-serif;min-width:250px}.custom-toast strong{color:#e91e63;font-size:14px;display:block;margin-bottom:3px}.custom-toast.error{border-left-color:#fa5252}.custom-toast.error strong{color:#fa5252}.custom-toast.fade-out{opacity:0;transform:translate(60px);transition:all .6s}@keyframes toast-in{0%{transform:translate(120px);opacity:0}to{transform:translate(0);opacity:1}}.badge-negative{background:#fff5f5;color:#c92a2a;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.sidebar{display:flex;flex-direction:column;height:100vh}.nav-menu{flex-grow:1}.sidebar-footer{padding:20px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.chart-container{width:100%;height:300px;position:relative;margin-top:15px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:25px}@media (min-width: 1200px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr}.main-content{padding:20px}}.operation-table td,.operation-table th{padding:12px 8px!important;font-size:13px}.col-pedido{font-size:12px!important;font-weight:600;min-width:100px}.col-valor{white-space:nowrap!important;font-weight:700}@media (max-width: 1000px){.operation-table td,.operation-table th{padding:8px 4px!important;font-size:12px}}.operation-table td{white-space:nowrap}.col-cliente{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-positive,.badge-negative{display:inline-block!important;white-space:nowrap!important}.superadmin-container{display:flex;height:100vh;background-color:#0b0c10;color:var(--text-main);font-family:Outfit,sans-serif}.superadmin-sidebar{width:240px;background:#141517;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:space-between}.admin-logo h3{color:var(--text-bright);font-size:18px;margin:0}.badge-role{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-role.admin{background:#e91e6326;color:#e91e63;border:1px solid rgba(233,30,99,.3)}.badge-role.viewer{background:#7048e826;color:#7048e8;border:1px solid rgba(112,72,232,.3)}.admin-nav .nav-item{padding:12px 20px;color:#868e96;font-weight:500;font-size:14px;cursor:pointer;list-style:none;transition:all .2s;border-radius:0}.admin-nav .nav-item:hover{background:#e91e630d;color:#e91e63}.admin-nav .nav-item.active{background:#e91e631a;color:#e91e63;border-left:4px solid #e91e63}.badge-status{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block}.badge-status.active{background:#40c05726;color:#40c057}.badge-status.blocked{background:#fa525226;color:#fa5252}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background:#0b0c10;font-family:Outfit,sans-serif}.login-card{width:100%;max-width:380px;background:#1f2833;padding:40px;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px #00000080}.login-error{background:#fa525226;color:#fa5252;padding:10px;border-radius:6px;border:1px solid rgba(250,82,82,.3);margin-bottom:20px;font-size:13px;text-align:center}.admin-form .form-group{margin-bottom:15px}.admin-form .form-group label{display:block;color:#fff;font-size:12px;margin-bottom:5px}.admin-toast{position:fixed;bottom:30px;right:30px;background:#1f2833;color:#fff;padding:15px 25px;border-radius:8px;border-left:4px solid #7048e8;box-shadow:0 5px 20px #0000004d;z-index:10000;animation:toast-in .3s forwards}.btn-success{background:#2b8a3e!important}.btn-danger{background:#c92a2a!important}.btn-logout{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fa5252;padding:8px;border-radius:6px;cursor:pointer;width:100%}.btn-logout:hover{background:#fa52521a}.info-banner{background:#7048e814;border-left:4px solid #7048e8;padding:15px;border-radius:6px;margin-bottom:20px}