:root{--brand:#1f5fd0;--brand-strong:#1748a8;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;color:var(--ink);background:#eef2f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 100% -10%,#1f5fd01a,#0000 60%),radial-gradient(900px 500px at -10% 0,#0f172a0f,#0000 55%),linear-gradient(#f3f6fb 0%,#eaeef5 100%);margin:0}button,input,select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px}input:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1f5fd026}button{cursor:pointer;color:var(--ink);background:#fff;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s}button:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a1a}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.page{background:linear-gradient(#f3f6fbf0,#e9eef6f2),url(/logo-osuagem.png) 50% 42%/min(58vw,640px) no-repeat fixed;min-height:100vh;padding:28px;position:relative}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 1px 2px #0f172a0a,0 10px 30px #0f172a0f}.login{justify-items:stretch;gap:14px;max-width:420px;margin:10vh auto;display:grid}.login-logo{object-fit:contain;width:min(320px,88%);height:auto;margin:0 auto 6px}.app-signature{z-index:50;letter-spacing:.04em;color:#78869ceb;text-shadow:0 1px 2px #ffffff59,0 0 6px #0000002e;pointer-events:none;font-size:.78rem;font-weight:700;position:fixed;bottom:8px;right:12px}.fichar{gap:20px;max-width:860px;margin:0 auto;display:grid}.home{gap:18px;max-width:980px;margin:0 auto;display:grid}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:22px;display:grid}.topbar-side{align-items:center;gap:10px;display:inline-flex}.topbar-side.right{justify-content:flex-end}.brand-center{background:0 0;border:0;justify-self:center;padding:6px 10px}.brand-center:hover:not(:disabled){box-shadow:none}.brand-center img{object-fit:contain;width:auto;height:60px;display:block}.ghost{color:var(--muted);background:0 0;border-color:#0000}.home-head{text-align:center;margin:4px 0 6px}.home-head h1{margin:0 0 4px}.home-head p{color:var(--muted);margin:0}.role-pill{color:var(--brand-strong);text-transform:capitalize;background:#1f5fd01f;border-radius:999px;padding:6px 12px;font-weight:700}.hero-brand{color:#fff;background:linear-gradient(120deg,#0f3c8c 0%,#1f5fd0 55%,#2f7be6 100%);border-radius:20px;align-items:center;gap:22px;padding:26px 28px;display:flex;box-shadow:0 18px 40px #0f172a2e}.hero-logo{object-fit:contain;filter:drop-shadow(0 10px 20px #00000047);flex-shrink:0;width:92px;height:92px}.hero-text h1{margin:4px 0 6px;font-size:clamp(1.6rem,4vw,2.4rem)}.hero-text p{color:#ffffffd9;margin:0}.hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:#fffc;font-size:.85rem;font-weight:800}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px;display:grid}.menu-card{text-align:left;background:linear-gradient(#fff 0%,#e9eef6 100%);border:1px solid #ffffffb3;border-radius:20px;align-content:center;gap:8px;min-height:168px;padding:24px;transition:transform .16s,box-shadow .16s;display:grid;transform:translateY(0);box-shadow:inset 0 1px #fffffff2,0 14px 22px #0f172a24,0 26px 42px #0f172a1a}.menu-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:inset 0 1px #fffffff2,0 22px 34px #0f172a33,0 38px 60px #0f172a24}.menu-card:active:not(:disabled){transform:translateY(-1px)}.menu-card span{letter-spacing:.01em;font-size:1.55rem;font-weight:800}.menu-card small{color:var(--muted);font-weight:500}.menu-card.primary{color:#fff;background:linear-gradient(#3a86ec 0%,#1f5fd0 52%,#173f93 100%);border-color:#ffffff47;box-shadow:inset 0 1px #ffffff73,0 16px 26px #1f5fd057,0 30px 50px #1f5fd038}.menu-card.primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff73,0 24px 38px #1f5fd066,0 40px 64px #1f5fd042}.menu-card.primary small{color:#ffffffe0}.hero h1,.panel h1,.admin h1{margin-top:0}.status{font-size:clamp(1.3rem,3vw,2.2rem)}.current-duration{color:#14532d;background:#16a34a1f;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-size:1.25rem;display:inline-flex}.actions{gap:14px;display:grid}.actions input{text-transform:uppercase;text-align:center;font-size:2rem}.actions button{min-height:64px;font-size:1.15rem}.primary{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-color:#0000}.break{color:#7c2d12;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#0000}.end{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-color:#0000}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{min-height:auto;padding:10px 12px}.ok{color:#15803d;font-size:1.3rem;font-weight:700}.error{color:#b91c1c}.panel{color:#e2e8f0;background:linear-gradient(#07111fe6,#111827ed),url(/logo-osuagem.png) 50% 44%/min(60vw,660px) no-repeat fixed,radial-gradient(circle at 20% 10%,#22c55e38,#0000 28%),radial-gradient(circle at 80% 0,#06b6d442,#0000 30%),linear-gradient(135deg,#07111f 0%,#0f172a 58%,#111827 100%);min-height:100vh}.timeline-header{color:#94a3b8;justify-content:space-between;margin-left:280px;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.panel-header h1{margin:0}.panel-logo{justify-self:center}.panel-logo img{object-fit:contain;width:auto;height:56px;display:block}.live-clock{text-align:right;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a7a;border:1px solid #94a3b840;border-radius:18px;min-width:210px;padding:14px 18px}.live-clock span{color:#94a3b8;font-size:.85rem;font-weight:800;display:block}.live-clock strong{color:#ff4d4f;text-shadow:0 0 14px #ff4d4f73;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:clamp(1.8rem,3.4vw,2.8rem);display:block}.mechanic{grid-template-columns:260px 1fr;align-items:stretch;gap:20px;margin:18px 0;display:grid}.mechanic aside{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b9e;border:1px solid #94a3b83d;border-radius:18px;padding:18px}.mechanic h2{margin:0 0 8px}.panel-duration{color:#bbf7d0;background:#22c55e29;border-radius:12px;margin:6px 0 10px;padding:8px 10px;font-weight:900;display:inline-block}.bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#33415594;border:1px solid #94a3b838;border-radius:18px;min-height:86px;position:relative;overflow:visible}.block{color:#062414;white-space:nowrap;z-index:2;border-radius:12px;outline:1px solid #0f172a59;justify-content:center;align-items:center;min-width:8px;padding:0 8px;font-weight:900;display:flex;position:absolute;top:14px;bottom:14px;overflow:hidden;box-shadow:0 10px 20px #00000029}.block.compact{border-radius:6px;padding:0}.block:hover{z-index:20;overflow:visible}.block:hover:after{content:attr(data-tooltip);color:#f8fafc;background:#0f172af5;border-radius:12px;min-width:max-content;max-width:420px;padding:10px 12px;font-size:.9rem;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 18px 35px #00000052}.block.vehiculo{background:#22c55e}.block.interno{background:#06b6d4}.block.descanso{background:#f59e0b}.block.open{color:#fff;outline-color:#ffffff8c;box-shadow:0 0 16px #ef444480,0 10px 20px #0003;background:repeating-linear-gradient(45deg,#ef4444 0 12px,#dc2626 12px 24px)!important}.now{z-index:5;background:#f8fafc;width:3px;position:absolute;top:0;bottom:0}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.tabs{border:1px solid var(--line);background:#e9eef6;border-radius:14px;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:6px;display:flex}.tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 14px}.tabs button:hover:not(:disabled){box-shadow:none;background:#ffffffb3}.filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;display:flex}.filters label{color:#334155;gap:6px;font-weight:800;display:grid}.report-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;margin-bottom:18px;display:grid}.report-filters label{color:#334155;gap:6px;font-weight:800;display:grid}.report-summary{background:#dbeafe94;border-radius:16px;gap:10px;margin:14px 0;padding:14px;display:grid}.report-summary div{flex-wrap:wrap;gap:8px;display:flex}.report-summary span{background:#ffffffad;border-radius:999px;padding:8px 10px;font-weight:800}.tabs button.active{color:var(--ink);border-color:var(--line);background:#fff;box-shadow:0 1px 2px #0f172a14}.table{gap:8px;margin-top:16px;display:grid}.tr{background:#f8fafcbd;border-radius:12px;grid-template-columns:140px 100px 1fr 80px;align-items:center;gap:12px;padding:12px;display:grid}.tr.five{grid-template-columns:1fr repeat(4,100px)}.tr.head{color:#475569;background:#e2e8f0;font-weight:800}.form-grid{align-content:start;gap:12px;display:grid}.entry-list{gap:12px;display:grid}.editor-row{background:#f8fafcb8;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;gap:10px;margin:10px 0;padding:12px;display:grid}.search-input{text-transform:uppercase;width:min(100%,420px);margin:8px 0 14px;font-size:1.25rem;font-weight:800}.status-lite{color:#334155}.tr.search-head,.tr.search-row{grid-template-columns:130px 1fr 180px 180px 120px}.tr.report-row{grid-template-columns:1fr 1fr 110px 180px 180px 120px}.editor-row.entry{grid-template-columns:150px 130px 130px 190px 190px 110px 100px 90px;overflow-x:auto}.editor-row.auto{background:#fffbeb;border-color:#f59e0b}.danger{color:#fff;background:#dc2626}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-check{color:var(--muted);align-items:center;gap:8px;font-weight:700;display:inline-flex}.editor-row.inactivo{opacity:.7;border-style:dashed}.color-field{color:var(--muted);align-items:center;gap:8px;font-weight:700;display:inline-flex}.color-field input[type=color]{cursor:pointer;border-radius:10px;width:48px;height:38px;padding:2px}.kiosk .card{max-width:920px;margin:0 auto}.kiosk-error{text-align:center;max-width:920px;margin:10px auto 0}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{gap:14px;width:min(420px,100%);display:grid}.modal h2{margin:0}.modal input{font-size:1.15rem}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.kiosk-confirm{z-index:70;color:#fff;text-align:center;background:#107a40f0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.kiosk-confirm span{opacity:.9;margin-bottom:8px;font-size:1.2rem;font-weight:700;display:block}.kiosk-confirm strong{font-size:clamp(2rem,6vw,3.6rem);font-weight:900;display:block}@media (width<=900px){.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tabs button{white-space:nowrap;flex:none}.report-filters{grid-template-columns:1fr 1fr}}@media (width<=720px){.page{padding:14px}.card{border-radius:16px;padding:18px}.hero-brand{text-align:center;flex-direction:column;gap:14px;padding:22px 18px}.mechanic{grid-template-columns:1fr}.timeline-header{margin-left:0}.panel-header{flex-direction:column;align-items:stretch}.live-clock{text-align:left;min-width:0}.report-filters{grid-template-columns:1fr}.search-input{width:100%;font-size:1.1rem}.actions input{font-size:1.5rem}.tr.head{display:none}.tr,.tr.five,.tr.report-row,.tr.search-head,.tr.search-row,.editor-row,.editor-row.entry{grid-template-columns:1fr}.tr{gap:4px}}@media (width<=460px){.brand span{display:none}.menu-grid{grid-template-columns:1fr}}