:root{--bg: #0e1116;--panel: #171c24;--panel-2: #1f2630;--text: #e6e9ee;--muted: #9aa4b2;--accent: #e23b3b;--accent-2: #3b82f6;--border: #2a3340}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button,.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}button:hover,.btn:hover{background:#28313d;border-color:#3a4554}button.primary,.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}button.primary:hover{background:#2f6fd6}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=search]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:11px 14px;font-size:15px;outline:none;width:100%;font-family:inherit}input:focus{border-color:var(--accent-2)}.container{max-width:980px;margin:0 auto;padding:24px 18px 60px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar .brand{display:inline-flex;align-items:center}.logo{display:inline-flex;align-items:center;gap:9px}.logo-text{font-weight:800;font-size:18px;letter-spacing:.2px;color:var(--text);line-height:1}.logo-3d{color:var(--accent)}.topbar nav{margin-left:auto;display:flex;gap:8px}h1{font-size:22px;margin:24px 0 6px}.sub{color:var(--muted);margin:0 0 22px;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:18px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>input{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.spacer{height:12px}.list{display:grid;gap:10px}.item{display:flex;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;transition:border-color .15s,transform .05s;width:100%;color:var(--text)}.item:hover{border-color:var(--accent-2)}.item:active{transform:scale(.998)}.item .id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-weight:600}.item .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.item .meta .name{font-weight:600}.item .meta .det{color:var(--muted);font-size:12.5px}.prazo-badge{font-weight:600}.prazo-badge.normal{color:#7fb8ff}.prazo-badge.urgente{color:#f5a623}.prazo-badge.atrasado{color:var(--accent)}.prazo-badge.sem{color:var(--muted)}.item .go{margin-left:auto;color:var(--muted)}.item .trash{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#e23b3b1a;border:1px solid rgba(226,59,59,.35);border-radius:9px;padding:7px 9px;cursor:pointer;transition:all .15s}.item .trash:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.06)}.empty{color:var(--muted);text-align:center;padding:30px 0}.error-box{color:#ffb4b4;background:#3a1d1d;border:1px solid #5a2a2a;border-radius:10px;padding:12px 14px}.viewer-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.viewer-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-canvas canvas{touch-action:none;display:block}.hud{position:absolute;left:0;right:0;pointer-events:none;z-index:5}.hud .inner,.hud button,.hud a{pointer-events:auto}.viewer-top{top:0;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(to bottom,#0000008c,#0000)}.viewer-top .title{color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}.viewer-top .title .pid{color:var(--accent);font-family:ui-monospace,monospace}.piece-label{position:absolute;left:14px;bottom:86px;z-index:6;background:#14181eeb;border:1px solid var(--border);border-radius:12px;padding:12px 14px;max-width:320px;box-shadow:0 8px 30px #0006}.piece-label .pl-id{color:var(--accent);font-family:ui-monospace,monospace;font-weight:700}.piece-label .pl-name{font-weight:600;margin:2px 0}.piece-label .pl-dims{color:var(--muted);font-size:13px}.viewer-bottom{bottom:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(to top,#0000008c,#0000)}.viewer-bottom button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f2630cc}.viewer-bottom button.active{border-color:var(--accent);color:#fff}.vw{display:flex;height:100%}.vw-side{width:320px;min-width:320px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:14px;overflow:auto}.vw-side-head{display:flex;align-items:flex-start;gap:10px}.vw-back{flex:0 0 auto}.vw-titulo{min-width:0}.vw-nome{font-weight:700;font-size:15px;color:var(--accent);line-height:1.2}.vw-resumo{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.vw-resumo-linha{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.vw-resumo-linha b{font-size:13.5px;text-align:right}.vw-view{flex:1;position:relative;min-width:0;background:#202428}.vw-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.vw-canvas canvas{display:block;touch-action:none}.seg{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.seg button{flex:1;border:0;border-radius:0;background:#2a2e35;padding:9px 6px;font-weight:600}.seg button.on{background:var(--accent-2);color:#fff}.vw-toggle-medidas{width:100%;font-weight:600}.vw-toggle-medidas.on{border-color:#ffd166;color:#ffd166;background:#ffd16614}.vw select{padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit}.vw hr{border:0;border-top:1px solid var(--border);margin:4px 0;width:100%}.vw .row{gap:8px}.vw .row>button{flex:1 1 auto}.vw-list{display:flex;flex-direction:column;gap:4px}.vw-pid{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--panel-2);color:var(--text);text-align:left;width:100%}.vw-pid:hover{border-color:var(--accent)}.vw-pid.active{background:#3a2a1a;border-color:var(--accent)}.vw-pid-id{font-family:ui-monospace,Menlo,monospace;color:var(--accent);font-weight:700}.vw-pid-nome{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vw-hint{position:absolute;left:14px;top:14px;z-index:4;background:#0009;padding:8px 12px;border-radius:8px;font-size:13px}.vw-info{position:absolute;left:14px;bottom:14px;z-index:4;background:#000000b8;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;max-width:70%}.vw-info b{color:var(--accent)}.vw-menu-btn{position:absolute;top:12px;left:12px;z-index:12;display:none;width:44px;height:44px;border-radius:11px;align-items:center;justify-content:center;background:#14181eeb;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.vw-backdrop{display:none}.vw-side-close{display:none;margin-left:auto;flex:0 0 auto;width:34px;height:34px;align-items:center;justify-content:center;font-size:15px;cursor:pointer;background:transparent;border:1px solid var(--border);border-radius:9px;color:var(--text)}@media (max-width: 980px){.vw-side{position:fixed;top:0;left:0;bottom:0;z-index:30;width:86%;max-width:340px;max-height:none;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--border);border-bottom:0;box-shadow:0 0 50px #0000008c}.vw-side.aberto{transform:translate(0)}.vw-menu-btn,.vw-side-close{display:inline-flex}.vw-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s}.vw-backdrop.aberto{opacity:1;pointer-events:auto}.vw-hint{display:none}.vw-info{max-width:calc(100% - 22px);font-size:12px;padding:8px 11px;bottom:10px;left:10px}}.countdown{position:absolute;top:64px;right:14px;z-index:8;width:300px;max-width:calc(100vw - 28px);background:#14181eeb;border:1px solid var(--border);border-radius:16px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 36px #00000073;overflow:hidden;--cd-cor: var(--accent-2)}.countdown.urgente{--cd-cor: #f5a623;border-color:#6b4e1d}.countdown.atrasado{--cd-cor: var(--accent);border-color:#6a2a2a;animation:cd-pulse 1.1s ease-in-out infinite}@keyframes cd-pulse{0%,to{box-shadow:0 10px 36px #00000073}50%{box-shadow:0 0 0 3px #e23b3b59,0 10px 36px #00000073}}.cd-titulo{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--cd-cor);font-weight:700;margin-bottom:8px;text-align:center}.cd-relogio{display:flex;align-items:flex-start;justify-content:center;gap:4px}.cd-unidade{display:flex;flex-direction:column;align-items:center;min-width:48px}.cd-num{font-variant-numeric:tabular-nums;font-weight:800;line-height:1;font-size:38px;color:var(--cd-cor);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cd-rot{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.cd-sep{font-size:30px;font-weight:800;color:var(--cd-cor);opacity:.6;line-height:1.1}.cd-data{text-align:center;color:var(--muted);font-size:12.5px;margin-top:10px}.cd-data b{color:var(--text)}.cd-atraso-msg{margin-top:8px;text-align:center;font-weight:700;font-size:13px;color:var(--accent);background:#e23b3b1f;border-radius:8px;padding:6px}.cd-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--accent);animation:cd-flash-blink .7s steps(1) infinite}.cd-flash-txt{color:#fff;font-weight:900;font-size:30px;letter-spacing:1px;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.4)}@keyframes cd-flash-blink{0%,to{background:var(--accent)}50%{background:#8c1f1f}}@media (max-width: 980px){.countdown{width:auto;min-width:0;top:10px;right:10px;padding:7px 9px;border-radius:12px}.cd-titulo{font-size:9px;letter-spacing:.4px;margin-bottom:4px}.cd-relogio{gap:2px}.cd-num{font-size:18px}.cd-unidade{min-width:24px}.cd-rot{font-size:7.5px;margin-top:1px}.cd-sep{font-size:14px}.cd-data{font-size:9.5px;margin-top:5px}.cd-atraso-msg{font-size:9.5px;padding:3px 4px;margin-top:5px}.cd-flash-txt{font-size:16px}}@media (max-width: 380px){.cd-num{font-size:15px}.cd-unidade{min-width:20px}.cd-sep{font-size:11px}.cd-rot{font-size:7px}}.center-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:24px;z-index:7}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent-2);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#reader{width:100%;border-radius:12px;overflow:hidden}@media (max-width: 560px){.item .go{display:none}h1{font-size:19px}.item{padding:11px 12px;gap:10px}.item .meta .det{font-size:12px;line-height:1.45}.item .trash{padding:6px 8px}.topbar{padding:12px 14px}}