@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;600&display=swap";:root{--bg: #f2f6fb;--bg-alt: #f8fbff;--card: #ffffff;--text: #1f2a37;--muted: #5f6b7a;--accent: #0b8fb5;--accent-2: #2da673;--border: #dfe7f0;--shadow: 0 18px 40px rgba(16, 48, 79, .08)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(11,143,181,.08),transparent 45%),radial-gradient(circle at 80% 80%,rgba(45,166,115,.08),transparent 50%),linear-gradient(130deg,#f9fbff,#eef3f8 55%,#f8fbfd);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0 0 .5rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;gap:1rem;align-items:center}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,var(--accent),#6ec5de);color:#fff;display:grid;place-items:center;font-weight:600;letter-spacing:.04em;box-shadow:0 12px 30px #0b8fb540}.title{font-weight:600;font-size:1.1rem}.subtitle{color:var(--muted);font-size:.9rem}.nav{display:flex;gap:1.5rem;font-weight:500}.nav a{position:relative;padding-bottom:.25rem}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .2s ease}.nav a:hover:after{width:100%}.user-chip{display:flex;gap:.75rem;align-items:center;color:var(--muted)}.app-main{padding:2rem}.page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.panel{background:var(--card);border:1px solid var(--border);padding:1.5rem;border-radius:18px;box-shadow:var(--shadow)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted)}.field input,.field select,textarea,select{border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;font-size:.95rem;font-family:inherit}textarea{width:100%}button{border:none;border-radius:999px;padding:.65rem 1.2rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent),#64c2da);color:#fff;box-shadow:0 12px 30px #0b8fb538}button.secondary{background:var(--accent-2);color:#fff}button.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}button:hover:not(:disabled){transform:translateY(-1px)}.actions{display:flex;flex-direction:column;gap:1rem}.action-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.action-inline{display:flex;gap:.75rem;align-items:center}.table-panel table{width:100%;border-collapse:collapse;font-size:.95rem}.table-panel th,.table-panel td{padding:.75rem .5rem;border-bottom:1px solid var(--border);text-align:left}.table-panel th{color:var(--muted);font-weight:600}.table-panel.totvs{padding:1.25rem 1.5rem 1.5rem}.table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.panel-title{font-weight:600;font-size:1rem}.panel-subtitle{color:var(--muted);font-size:.85rem}.table-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:.35rem .5rem}.search-box input{border:none;background:transparent;padding:.35rem .4rem;min-width:220px}.search-box input:focus{outline:none}.link-button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:.25rem .5rem}.table-filters{display:flex;flex-wrap:wrap;gap:.9rem;padding:1rem 0 .5rem;align-items:flex-end}.field.inline{min-width:140px}.table-scroll{overflow-x:auto;padding-top:.75rem}.totvs-table{width:100%;border-collapse:collapse;min-width:980px;font-size:.92rem}.totvs-table thead th{font-weight:600;color:#294055;background:#f5f8fc;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem .6rem;white-space:nowrap}.totvs-table tbody td{padding:.7rem .6rem;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}.totvs-table tbody tr:nth-child(2n){background:#f9fbfd}.identifier{font-weight:600;color:#233447}.identifier-meta{margin-top:.2rem}button.small{padding:.35rem .8rem;border-radius:10px;font-size:.85rem}.badge{background:#2f8a871a;color:var(--accent-2);padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.neutral{background:#0f263d14;color:var(--muted)}.link{color:inherit;font-weight:600}.chip{background:var(--bg-alt);border-radius:999px;padding:.3rem .8rem;border:1px solid var(--border);color:var(--muted)}.chip-muted{opacity:.7;font-style:italic}.info-banner,.error-banner{padding:.75rem 1rem;border-radius:12px;font-weight:500}.info-banner{background:#2f8a871a;color:var(--accent-2)}.error-banner{background:#d948481f;color:#b23a3a}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.load-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.load-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease}.load-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #2c2a271a}.load-card-header{display:flex;align-items:center;justify-content:space-between}.load-code{font-weight:600;font-family:Space Grotesk,sans-serif}.load-client{color:var(--muted);font-size:.9rem}.load-card-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;font-size:.85rem;color:var(--muted)}.label{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.status{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.status.draft{background:#d96c2f1f;color:var(--accent)}.status.consolidated{background:#2f8a871f;color:var(--accent-2)}.status.loaded{background:#2c2a2714;color:var(--text)}.status.shipped{background:#2f8a8733;color:var(--accent-2)}.status.confirmed{background:#2da6732e;color:var(--accent-2)}.status.cancelled{background:#d9484826;color:#b23a3a}.status-pill{padding:.4rem 1rem;border-radius:999px;font-weight:600}.status-pill.draft{background:#d96c2f1f;color:var(--accent)}.status-pill.consolidated{background:#2f8a871f;color:var(--accent-2)}.status-pill.loaded{background:#2c2a2714;color:var(--text)}.status-pill.shipped{background:#2f8a8733;color:var(--accent-2)}.status-pill.confirmed{background:#2da6732e;color:var(--accent-2)}.status-pill.cancelled{background:#d9484826;color:#b23a3a}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.inline-row{display:flex;gap:.8rem;align-items:center;margin-top:.4rem}.sequence-cell{display:flex;align-items:center;gap:.5rem}.sequence-controls{display:flex;flex-direction:column;gap:.2rem}.timeline-list{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:.8rem;align-items:center}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 6px #2f8a871f}.timeline-title{font-weight:600}.timeline-meta{color:var(--muted);font-size:.85rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(420px,90vw);background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:var(--shadow)}.login-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;gap:.4rem;color:var(--muted);font-size:.9rem}.login-form input{border:1px solid var(--border);border-radius:10px;padding:.6rem}.login-footer{margin-top:1rem;font-size:.85rem;color:var(--muted)}.fade-in{animation:fade .6s ease both}.row-animate{opacity:0;animation:rise .5s ease forwards}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.app-header{flex-direction:column;align-items:flex-start;gap:1rem}.nav{flex-wrap:wrap}.action-row,.action-inline{flex-direction:column;align-items:stretch}.table-header{flex-direction:column;align-items:flex-start}.table-tools,.search-box{width:100%}.search-box input{flex:1;min-width:0}}@media (max-width: 600px){.app-main{padding:1.2rem}table{font-size:.85rem}.table-filters{flex-direction:column;align-items:stretch}.field.inline{width:100%}}.badge-formula{background:#0b8fb51f;color:var(--accent)}.badge-selmi{background:#2da67324;color:var(--accent-2)}.badge-readonly{background:#d948481f;color:#b23a3a;margin-left:.4rem}.role-chip{margin-left:.4rem;font-size:.7rem;padding:.15rem .5rem}.sla-badge{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.sla-ok{background:#2da67326;color:#1f7a4d}.sla-warn{background:#d99e2f2e;color:#a5690e}.sla-danger{background:#d9484826;color:#b23a3a}.status.sem_rota{background:#d948481f;color:#b23a3a}.status.com_rota{background:#d99e2f26;color:#a5690e}.status.agrupado{background:#0b8fb51f;color:var(--accent)}.status.carregado{background:#2da67326;color:var(--accent-2)}.status.finalizado,.status-pill.finalized{background:#2c2a271a;color:var(--text)}.status-pill.sem_rota{background:#d948481f;color:#b23a3a}.readonly-value{padding:.6rem .7rem;border-radius:10px;background:var(--bg-alt);border:1px dashed var(--border);color:var(--text);min-height:1.2rem}.checkbox-inline{display:inline-flex;align-items:center;gap:.4rem;color:var(--text);font-size:.9rem}.checkbox-inline input{width:auto}.sub-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:1rem;margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:.75rem}.totals-row{display:flex;flex-wrap:wrap;gap:.5rem}.error-text{color:#b23a3a;font-size:.85rem}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;border-radius:12px 12px 0 0;padding:.6rem 1.2rem;font-weight:600;color:var(--muted);cursor:pointer}.tab.active{background:var(--card);color:var(--accent);box-shadow:0 -2px 0 var(--accent) inset}.sync-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.sync-card{border:1px solid var(--border);border-radius:14px;padding:1rem;background:var(--bg-alt)}.sync-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sync-card-body{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.kpi-value{font-size:2rem;font-weight:700;color:var(--accent)}.panel-hint{color:var(--muted);font-size:.85rem;margin:.25rem 0 1rem}.dashboard-bars{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.dashboard-bar-row{display:grid;grid-template-columns:140px 1fr 3rem;align-items:center;gap:.75rem}.dashboard-bar-track{background:var(--bg-alt);border-radius:8px;height:10px;overflow:hidden}.dashboard-bar-fill{height:100%;background:var(--accent);border-radius:8px}.dashboard-bar-count{text-align:right;font-weight:600}.dashboard-sla-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:.5rem}.dashboard-sla-tile{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;border:1px solid var(--border);border-radius:14px;padding:1rem;background:var(--bg-alt)}