:root{--nav:#082f49;--nav2:#0c4a6e;--ink:#10212c;--muted:#64748b;--bg:#eef4f7;--card:#fff;--line:#dbe5ea;--brand:#0d9488;--warn:#c2410c;--danger:#b91c1c;--good:#15803d}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:11px 16px;background:var(--brand);color:white;font-weight:750;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}.secondary,.muted{background:#e2e8f0;color:#334155}.danger{background:var(--danger)}header{display:none}.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}nav{background:linear-gradient(165deg,var(--nav),#071e2d);color:white;padding:22px 14px;position:sticky;top:0;height:100vh}nav .brand{display:flex;gap:11px;align-items:center;padding:0 8px 25px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,#2dd4bf,#0891b2);border-radius:13px;color:white;font-size:24px;font-weight:900;box-shadow:0 8px 24px #0004}.brand small,header small{display:block;color:#a7c9d8;margin-top:2px}nav button{display:block;width:100%;text-align:left;background:transparent;margin:4px 0;color:#d7e8ef}nav button.active{background:#ffffff18;color:white}nav button:last-child{position:absolute;bottom:18px;width:calc(100% - 28px)}main{padding:32px;min-width:0;max-width:1500px;width:100%;margin:auto}.view{display:none}.view.active{display:block}.title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.title h1{margin:0;font-size:30px}.title p,.dialog-head p{margin:4px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 4px 20px #1231}.metric small{color:var(--muted);font-weight:700}.metric b{display:block;font-size:27px;margin-top:8px}.card h2{margin:0 0 15px}.toolbar{display:flex;gap:12px;margin-bottom:14px}.toolbar input{flex:1}.toolbar select{min-width:190px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase}.status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#e2e8f0;font-size:12px;font-weight:800}.status.concluido{background:#dcfce7;color:#166534}.status.cancelado{background:#fee2e2;color:#991b1b}.status.em_coleta,.status.em_entrega{background:#dbeafe;color:#1e40af}.status.publicado,.status.interessado{background:#ffedd5;color:#9a3412}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.item h3{margin:0 0 8px}.item p{color:var(--muted);margin:5px 0}.two-col,.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;color:#334155;font-weight:700;font-size:13px}input,select,textarea{width:100%;border:1px solid #b8c7cf;border-radius:9px;padding:11px;background:white;color:var(--ink)}textarea{min-height:80px;resize:vertical}.span-2{grid-column:span 2}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}fieldset{border:0;border-top:1px solid var(--line);padding:16px 0;margin:0}legend{font-weight:900;padding-right:10px}.safe-note{padding:12px;background:#ecfdf5;color:#166534;border-radius:9px;margin-top:14px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}pre{white-space:pre-wrap;background:#f1f5f9;border-radius:8px;padding:10px;max-height:220px;overflow:auto}.voice-card{text-align:center}.orb{width:100px;height:100px;margin:10px auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#5eead4,#0e7490 70%);font-size:42px;color:white;font-weight:900;box-shadow:0 0 0 0 #14b8a666}.orb.live{animation:pulse 1.4s infinite}.log{font:13px ui-monospace,monospace;max-height:390px;overflow:auto}.log div{border-bottom:1px solid var(--line);padding:9px 0}.pill{font-size:11px;font-weight:900;border-radius:20px;padding:5px 9px;background:#dcfce7;color:#166534}.pill.offline{background:#fee2e2;color:#991b1b}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#155e75,var(--nav) 55%,#03131e)}.login-card{width:min(390px,calc(100% - 32px));background:#fff;padding:32px;border-radius:20px;box-shadow:0 30px 80px #0008}.login-card .brand-mark{margin:auto}.login-card h1{text-align:center;margin-bottom:4px}.login-card p{text-align:center;color:var(--muted);margin-top:0}.login-card label{margin:14px 0}.login-card button{width:100%;margin-top:10px}.login-card output{display:block;color:var(--danger);margin-top:12px;text-align:center}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-head h2{margin:0}.icon{width:42px;padding:10px;text-align:center}dialog{width:min(780px,calc(100% - 24px));max-height:92vh;border:0;border-radius:18px;padding:24px;box-shadow:0 30px 80px #0007}dialog::backdrop{background:#00121dcc}#toast{position:fixed;right:22px;bottom:22px;background:#10212c;color:white;border-radius:10px;padding:12px 16px;opacity:0;pointer-events:none;transition:.2s;max-width:360px;z-index:20}#toast.show{opacity:1}@keyframes pulse{70%{box-shadow:0 0 0 24px #14b8a600}}
@media(max-width:850px){header{height:62px;display:flex;background:var(--nav);color:white;align-items:center;padding:8px 13px;gap:12px;position:sticky;top:0;z-index:8}header .pill{margin-left:auto}.layout{display:block}.layout nav{position:fixed;left:-270px;z-index:10;width:245px;transition:.2s;box-shadow:12px 0 35px #0007}.layout nav.open{left:0}main{padding:18px 13px}.metrics{grid-template-columns:1fr 1fr}.two-col,.voice-grid{grid-template-columns:1fr}.title h1{font-size:25px}.title{align-items:start}.fields{grid-template-columns:1fr}.span-2{grid-column:auto}dialog{padding:18px}.toolbar{flex-direction:column}.grid-list{grid-template-columns:1fr}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.title{flex-direction:column}.title>button{width:100%}.actions button{flex:1}}