:root{--primary:#fff;--primary-light:#f8fafc;--primary-dark:#f1f5f9;--brand-navy:#0f172a;--brand-navy-light:#1e293b;--accent:#f97316;--accent-hover:#ea580c;--accent-soft:#fff7ed;--accent-glow:rgba(249,115,22,.25);--text:#334155;--text-muted:#64748b;--heading:#0f172a;--line:#e2e8f0;--line-soft:#f1f5f9;--glass-bg:hsla(0,0%,100%,.7);--ok:#16a34a;--ok-soft:#f0fdf4;--busy:#f97316;--busy-soft:#fff7ed;--wa-green:#25d366;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-head:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-body);color:var(--text);background:var(--primary-light);-webkit-font-smoothing:antialiased}.font-head,h1,h2,h3,h4{font-family:var(--font-head);color:var(--heading)}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{justify-content:space-between;height:64px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.brand-mark,.brand-name{font-family:var(--font-head);font-weight:800;font-size:17px}.brand-name{color:var(--brand-navy)}.brand-sub{font-family:var(--font-head);font-weight:600;color:var(--text-muted);font-size:14px;border-left:1px solid var(--line);padding-left:12px}.nav{display:flex;align-items:center;gap:6px}.nav a{padding:8px 14px;border-radius:100px;font-weight:600;font-size:.92rem;color:var(--text-muted);transition:all .2s}.nav a:hover{background:var(--primary-dark);color:var(--brand-navy)}.avatar,.nav a.active{background:var(--brand-navy);color:#fff}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:14px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.page{padding:32px 0 64px}.page-head{margin-bottom:24px}.page-title{font-size:1.7rem;font-weight:800}.page-sub{color:var(--text-muted);font-size:.95rem;margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 2px 10px rgba(15,23,42,.03)}.card-pad{padding:20px 22px}.grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px}.metric-label{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.metric-value{font-family:var(--font-head);font-weight:800;color:var(--brand-navy);font-size:1.7rem}.metric-value.accent{color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-size:.74rem;font-weight:700}.badge-gerente{background:#eef2ff;color:#3730a3}.badge-admin{background:var(--accent-soft);color:#9a3412}.badge-colab{background:var(--line-soft);color:var(--text-muted)}.badge-ok{background:var(--ok-soft);color:#15803d}.badge-busy{background:var(--busy-soft);color:#9a3412}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;font-family:var(--font-body);font-weight:600;font-size:.92rem;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover)}.btn-navy{background:var(--brand-navy);color:#fff}.btn-navy:hover{background:var(--brand-navy-light)}.btn-ghost{background:#fff;color:var(--brand-navy);border-color:var(--line)}.btn-ghost:hover{border-color:var(--accent)}.btn-wa{background:var(--wa-green);color:#fff}.btn-sm{padding:6px 12px;font-size:.82rem}label.field{display:block;font-weight:600;color:var(--brand-navy);font-size:.86rem;margin-bottom:6px}.input,select.input,textarea.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text);background:#fff;transition:border .2s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.avail-head,.avail-row{display:grid;grid-template-columns:1.6fr repeat(7,1fr) .9fr;grid-gap:6px;gap:6px;align-items:center}.avail-head{padding:10px 16px 8px}.avail-head span{font-size:.7rem;color:#94a3b8;font-weight:700;text-align:center}.avail-head span:first-child{text-align:left}.avail-head span:last-child{text-align:right}.avail-row{padding:11px 16px;border-top:1px solid var(--line-soft)}.avail-cell{height:22px;border-radius:5px;background:var(--line)}.avail-cell.ok{background:var(--ok)}.avail-cell.busy{background:var(--busy)}.who{display:flex;align-items:center;gap:10px;min-width:0}.who .name{font-family:var(--font-head);font-weight:600;color:var(--brand-navy);font-size:.9rem;white-space:nowrap}.who .role{color:#94a3b8;font-size:.74rem}.disp{text-align:right;font-family:var(--font-head);font-weight:700;color:var(--brand-navy)}.legend{display:flex;gap:18px;padding:12px 16px 4px;border-top:1px solid var(--line-soft);margin-top:4px}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-muted)}.legend i{width:12px;height:8px;border-radius:3px;display:inline-block}.empty{text-align:center;color:var(--text-muted);padding:40px 20px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,rgba(249,115,22,.06),transparent 45%)}.login-card{max-width:400px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 34px;box-shadow:0 30px 60px rgba(15,23,42,.08);text-align:center}.g-btn,.login-card{width:100%;background:#fff}.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:100px;border:1px solid var(--line);font-weight:600;color:var(--brand-navy);cursor:pointer;transition:all .2s}.g-btn:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(15,23,42,.06)}