:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--primary: #2f57c9;--primary-hover: #2547aa;--primary-soft: #e8eefc;--success: #4E9F2E;--success-hover: #438a27;--success-soft: #E6F3DF;--danger: #D64545;--nav-bg: #B5560B;--nav-bg-hover: #c9620f;--nav-text: #fff5ec;--nav-text-muted: #f2d7c1;--bg: #EEF1F4;--card-bg: #FFFFFF;--header-bg: #FFFFFF;--border: #E3E7EB;--border-strong: #CDD3DA;--border-focus: var(--primary);--text: #1F2937;--text-secondary: #5B6472;--text-muted: #8A93A0;--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08);--shadow-md: 0 6px 20px rgba(16, 24, 40, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--nav-h: 62px;--transition: all .18s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;font-size:14px}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}h1{font-size:1.4rem;font-weight:800}h2{font-size:1.15rem;font-weight:700}a{color:inherit;text-decoration:none}.form-group{margin-bottom:16px;min-width:0}.form-row{display:flex;gap:12px}@media (max-width: 560px){.form-row{flex-direction:column;gap:16px}}.form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-hint{display:block;margin-top:6px;font-size:.74rem;font-weight:500;color:var(--text-muted)}.form-label .form-hint{display:inline;margin-top:0;font-weight:600}.form-input{width:100%;min-width:0;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:.95rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder{color:var(--text-muted)}@supports (-webkit-touch-callout: none){input[type=date].form-input,input[type=time].form-input,input[type=datetime-local].form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:46px}input[type=date].form-input::-webkit-date-and-time-value,input[type=time].form-input::-webkit-date-and-time-value,input[type=datetime-local].form-input::-webkit-date-and-time-value{text-align:left;margin:0}input[type=date].form-input::-webkit-datetime-edit,input[type=time].form-input::-webkit-datetime-edit,input[type=datetime-local].form-input::-webkit-datetime-edit{padding:0;line-height:1.2}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.btn-success:not(:disabled):hover{background:var(--success-hover)}.btn-ghost{background:#fff;color:var(--text-secondary);border:1.5px solid var(--border-strong)}.btn-ghost:not(:disabled):hover{background:#f4f6f8}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.btn-icon:hover{background:var(--primary-soft);color:var(--primary)}.btn-icon:active{transform:scale(.92)}@media (max-width: 768px){.btn-icon{width:42px;height:42px}}@media (max-width: 640px){.modal-body .form-actions:not(.ped-actions){position:sticky;bottom:0;z-index:1;margin:16px -16px -16px;padding:14px 16px;background:var(--card-bg);border-top:1px solid var(--border)}}.btn-primary{background:var(--success);color:#fff}.btn-primary:not(:disabled):hover{background:var(--success-hover)}.btn-fab{position:fixed;right:24px;bottom:24px;z-index:40;padding:14px 22px;border-radius:999px;box-shadow:var(--shadow-md)}.btn-fab:not(:disabled):hover{box-shadow:0 10px 26px #1018282e}@media (max-width: 768px){.btn-fab{display:none}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;padding:12px 18px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-md);max-width:92vw}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.perfil-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--bg);color:var(--text-secondary)}.perfil-admin{background:#eae6ff;color:#5b3ec8}.perfil-gerente{background:#e0f0ff;color:#1466b8}.perfil-vendedor{background:var(--success-soft);color:var(--success)}.perfil-entregador{background:#fff0e0;color:#a35a12}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.status-ativo{background:var(--success-soft);color:var(--success)}.status-inativo{background:#f1f3f5;color:var(--text-muted)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;padding-top:58px}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--nav-bg);color:var(--nav-text)}.topbar-inner{width:100%;height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-brand{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.topbar-logo{height:34px;width:auto;flex-shrink:0;background:#fff;border-radius:8px;padding:2px 5px;box-shadow:0 1px 3px #0000002e}.topbar-title{font-size:1.15rem;font-weight:800;letter-spacing:.5px;color:#fff}.topbar-page{padding-left:12px;margin-left:2px;border-left:1px solid rgba(255,255,255,.22);color:var(--nav-text-muted);font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-wrap{position:relative}.topbar-user{display:flex;align-items:center;gap:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--nav-text);border-radius:999px;padding:5px 10px 5px 6px;cursor:pointer;transition:var(--transition)}.topbar-user:hover{background:#ffffff29}.topbar-avatar{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;background:#ffffff38;color:#fff;border-radius:50%;font-weight:800;font-size:.85rem}.topbar-user-text{display:flex;flex-direction:column;line-height:1.15;align-items:flex-start;min-width:0}.topbar-user-nome{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap}.topbar-user-perfil{font-size:.68rem;color:var(--nav-text-muted);font-weight:600}.topbar-caret{color:var(--nav-text-muted);transition:transform .18s ease}.topbar-caret.up{transform:rotate(180deg)}.menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:320px;max-width:92vw;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.menu-head{display:flex;align-items:center;gap:12px;background:var(--nav-bg);color:#fff;padding:16px}.menu-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#ffffff38;color:#fff;border-radius:50%;font-weight:800;font-size:1.1rem}.menu-head-text{display:flex;flex-direction:column;min-width:0}.menu-head-nome{font-weight:800;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-head-perfil{font-size:.75rem;color:var(--nav-text-muted);font-weight:600}.menu-nav{padding:8px 10px;max-height:60vh;overflow-y:auto}.menu-sec{margin-bottom:8px}.menu-sec-header{display:block;padding:8px 10px 4px;font-size:.66rem;font-weight:700;letter-spacing:.6px;color:var(--text-muted);text-transform:uppercase}.menu-link{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;font-size:.92rem;transition:var(--transition)}.menu-link svg{color:var(--primary);flex-shrink:0}.menu-link:hover{background:var(--bg);color:var(--text)}.menu-link.active{background:var(--primary-soft);color:var(--primary)}.menu-logout{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:none;border-top:1px solid var(--border);background:#fff;color:var(--danger);font-weight:700;font-size:.92rem;cursor:pointer;transition:var(--transition)}.menu-logout:hover{background:#fdf2f2}.menu-backdrop{position:fixed;top:58px;right:0;bottom:0;left:0;z-index:45}.app-main{max-width:1200px;margin:0 auto;padding:24px 16px}.quicknav{display:none}@media (min-width: 769px){.quicknav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:18px}.quicknav-link{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:#fff;color:var(--text-secondary);font-weight:600;font-size:.85rem;white-space:nowrap;transition:var(--transition)}.quicknav-link svg{color:var(--text-muted);flex-shrink:0}.quicknav-link:hover{background:#f4f6f8;color:var(--text)}.quicknav-link.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.quicknav-link.active svg{color:var(--primary)}}.quicknav-badge,.menu-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:800;line-height:1}.menu-badge{margin-left:auto}@media (max-width: 768px){.topbar-inner{padding:0 14px}.topbar-logo{height:28px}.topbar-page,.topbar-user-text{display:none}.topbar-user{padding:4px;border-radius:50%;background:transparent;border:none}.topbar-caret{display:none}.menu-panel{width:min(340px,92vw)}.menu-backdrop{background:#00000073}.app-main{padding:16px 16px calc(var(--nav-h) + 16px + env(safe-area-inset-bottom))}}.topbar-distribuidor{margin-left:auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;padding:6px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-distribuidor svg{color:var(--nav-text-muted);flex-shrink:0}.topbar-distribuidor-select{padding-right:30px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 15px) 51%,calc(100% - 10px) 51%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.topbar-distribuidor-select:hover{background-color:#ffffff29}.topbar-distribuidor-select option{color:var(--text);background:#fff}@media (max-width: 768px){.topbar-distribuidor{display:none}.topbar-distribuidor-select{display:inline-flex;margin-left:auto;max-width:46vw;padding:5px 26px 5px 11px;font-size:.76rem;background-position:calc(100% - 12px) 51%,calc(100% - 8px) 51%}.topbar-inner.is-matriz .topbar-title{display:none}}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--card-bg);border-top:1px solid var(--border);box-shadow:0 -2px 12px #1018280f;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-link{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--nav-h);padding:6px 4px;color:var(--text-muted);font-size:.66rem;font-weight:600;transition:var(--transition);-webkit-tap-highlight-color:transparent}.bottom-nav-link svg{color:inherit;flex-shrink:0}.bottom-nav-link span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-link.active{color:var(--primary)}.bottom-nav-link:active{background:var(--bg)}.bottom-nav-lado{flex:1;display:flex;min-width:0}.bottom-nav-lado .bottom-nav-link{flex:1}.bottom-nav-novo{flex:0 0 auto;align-self:center;width:54px;height:54px;border-radius:50%;margin:0 8px;transform:translateY(-14px);display:grid;place-items:center;cursor:pointer;background:var(--success);color:#fff;border:4px solid var(--card-bg);box-shadow:0 6px 16px #4e9f2e66;transition:var(--transition);-webkit-tap-highlight-color:transparent}.bottom-nav-novo:hover{background:var(--success-hover)}.bottom-nav-novo:active{transform:translateY(-14px) scale(.93)}}.menu-head-distribuidor{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:.72rem;font-weight:700;color:var(--nav-text-muted)}.menu-head-distribuidor svg{flex-shrink:0}