*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{width:100%;overflow-x:hidden}:root{--bg-fundo: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--card-bg: #ffffff;--border-color: #e2e8f0;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-fundo);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%;max-width:100vw;margin:0;padding:0;text-align:left;display:block}.app-container{display:flex;flex-direction:row;min-height:100vh;width:100%;position:relative}.app-main{flex:1;width:calc(100% - 250px);margin-left:250px;padding:32px 24px}.section-title{font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:24px;color:var(--text-main)}.app-header{background-color:#0f172a;padding:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:250px;height:100vh;position:fixed;top:0;left:0;border-right:1px solid #1e293b;z-index:1000}.app-header h1{color:#fff;margin:0 0 32px;font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.desktop-nav{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:auto;margin-bottom:auto}.desktop-nav button{background-color:transparent;color:#94a3b8;border:none;padding:12px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.desktop-nav button.active{background-color:#334155;color:#fff;font-weight:600}.desktop-nav button:hover:not(.active){color:#fff;background-color:#1e293b}.header-actions{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:12px;margin-top:auto}.btn-sair{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s;width:100%;text-align:center}.btn-sair:hover{background:#ef4444;color:#fff}.user-profile{width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid #1e293b}.calendario-container{display:flex;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d;max-height:70vh}.calendario-eixo-tempo{width:60px;border-right:1px solid var(--border-color);background:#f8fafc;display:flex;flex-direction:column;position:sticky;left:0;z-index:20;height:max-content}.calendario-eixo-header{height:40px;min-height:40px;flex-shrink:0;background:#f8fafc;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:30}.calendario-hora{height:120px;min-height:120px;flex-shrink:0;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:center;font-size:.8rem;color:#64748b;font-weight:600;padding-top:4px;box-sizing:border-box;background:#f8fafc}.calendario-profissionais{flex:1;display:flex;height:max-content}.calendario-coluna{flex:1;min-width:200px;border-right:1px solid var(--border-color);position:relative;height:max-content}.calendario-coluna:last-child{border-right:none}.calendario-col-header{height:40px;min-height:40px;flex-shrink:0;background:#f8fafc;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#0f172a;position:-webkit-sticky;position:sticky;top:0;z-index:25}.calendario-corpo{position:relative;width:100%;flex-shrink:0;background-image:linear-gradient(to bottom,transparent 59px,#f1f5f9 60px,#f1f5f9 60px,transparent 61px,transparent 119px,#e2e8f0 120px);background-size:100% 120px;background-repeat:repeat-y}.calendario-bloco{position:absolute;left:4px;right:4px;border-radius:6px;padding:4px 8px;font-size:.85rem;overflow:hidden;box-shadow:0 2px 4px #00000026;border-left:4px solid;cursor:pointer;transition:transform .1s,box-shadow .1s;display:flex;flex-direction:column;gap:1px}.calendario-bloco:hover{transform:scale(1.02);z-index:5!important;box-shadow:0 4px 8px #0003}.calendario-bloco.pago{background:#dcfce3;border-color:#10b981;color:#065f46}.calendario-bloco.pendente{background:#eff6ff;border-color:#3b82f6;color:#1e3a8a}.calendario-bloco.faltou{background:#fee2e2;border-color:#ef4444;color:#991b1b;opacity:.7}.calendario-bloco.bloqueio{background:#f1f5f9;border-color:#475569;color:#475569;align-items:center;justify-content:center;font-style:italic}.bloco-cliente{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;flex-shrink:0}.bloco-rodape{display:flex;align-items:center;gap:6px;flex-shrink:0}.bloco-servico{font-size:.72rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bloco-hora{font-size:.68rem;font-weight:600;color:#6b7280;white-space:nowrap;margin-left:auto;flex-shrink:0}.bloco-btn-detalhes{padding:2px 6px;font-size:.6rem;font-weight:600;border:none;border-radius:3px;background:#0000001a;color:inherit;cursor:pointer;transition:background .15s,opacity .15s;flex-shrink:0;white-space:nowrap;display:none}.calendario-bloco:hover .bloco-btn-detalhes{display:inline-block}.bloco-btn-detalhes:hover{background:#0003}.agendamentos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card-agendamento{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.card-agendamento:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-info h3{margin:0 0 4px;font-size:1.15rem;color:var(--text-main)}.card-info p{margin:0}.mobile-nav{display:none}@media (max-width: 768px){.app-container{flex-direction:column}.desktop-nav,.user-profile,.header-actions{display:none!important}.app-header{position:static;width:100%;height:auto;padding:16px 20px!important;flex-direction:row;justify-content:center;border-right:none;border-bottom:1px solid #1e293b}.app-header h1{margin-bottom:0}.app-main{width:100%;margin-left:0;padding:20px 16px 100px}input[type=date],input[type=time],input[type=text],select{width:100%!important}.mobile-nav{display:flex!important;justify-content:space-around;align-items:center;background-color:var(--card-bg);padding:12px 0;border-top:1px solid var(--border-color);position:fixed;bottom:0;left:0;right:0;width:100%;height:70px;z-index:9999;box-shadow:0 -4px 10px #0000000d}.mobile-nav .nav-item{background:transparent;border:none;font-size:.95rem;color:var(--text-muted);font-weight:500;cursor:pointer;padding:8px 12px}.mobile-nav .nav-item.active{color:var(--primary);font-weight:700}}.timeline-wrapper{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:32px;-webkit-overflow-scrolling:touch}.timeline-container{display:grid;grid-template-columns:60px repeat(var(--num-professionals, 1),minmax(180px,1fr));min-width:fit-content}.timeline-header{display:contents}.timeline-header-cell{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:12px 8px;text-align:center;font-weight:700;color:#334155;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.timeline-header-cell img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 1px 3px #0000001a}.timeline-header-cell .avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:#cbd5e1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 1px 3px #0000001a}.timeline-time-label{border-right:1px solid #e2e8f0;border-bottom:1px solid #f1f5f9;background-color:#f8fafc;color:#64748b;font-size:.8rem;font-weight:500;text-align:right;padding-right:8px;padding-top:4px;position:sticky;left:0;z-index:5}.timeline-slot{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:25px}.timeline-slot.hour-line{border-bottom:1px solid #e2e8f0}.timeline-event{margin:1px 2px;padding:4px 6px;border-radius:4px;font-size:.8rem;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;transition:transform .1s}.timeline-event:hover{transform:scale(1.02);z-index:3}.timeline-event .event-time{font-size:.7rem;opacity:.9;margin-bottom:2px;font-weight:600}.timeline-event .event-client{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-event .event-service{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9;font-size:.75rem}.timeline-event.event-blocked{background-color:#cbd5e1!important;color:#334155;border:1px dashed #94a3b8;display:flex;align-items:center;justify-content:center;opacity:.7}.bg-event-1{background-color:#3b82f6}.bg-event-2{background-color:#10b981}.bg-event-3{background-color:#f59e0b}.bg-event-4{background-color:#8b5cf6}.bg-event-5{background-color:#ec4899}.bg-event-default{background-color:#64748b}.bg-event-faltou{background-color:#ef4444}.bg-event-concluido{background-color:#10b981}.timeline-event{margin:1px 4px;padding:8px;border-radius:4px;font-size:.8rem;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .1s,box-shadow .1s}.timeline-event:hover{transform:scale(1.02);z-index:3;box-shadow:0 4px 6px #0000001a}.timeline-event .event-client{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.timeline-event .event-service{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;font-size:.75rem;margin-top:2px}.timeline-event .event-time{font-size:.7rem;opacity:.7;position:absolute;bottom:6px;right:6px;font-weight:500}.bg-event-default{background-color:#f1f5f9;border-left:4px solid #64748b;color:#334155}.bg-event-faltou{background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.bg-event-concluido{background-color:#f0fdf4;border-left:4px solid #10b981;color:#166534}.timeline-event.event-blocked{background-color:#f8fafc!important;color:#64748b;border:1px dashed #cbd5e1;border-left:4px dashed #94a3b8;display:flex;align-items:center;justify-content:center;opacity:.7}.timeline-slot{border-bottom:none!important;border-right:1px solid #f1f5f9}.timeline-slot.half-hour-line{border-bottom:1px solid #f1f5f9!important}.timeline-slot.hour-line{border-bottom:1px solid #cbd5e1!important}.timeline-time-label{border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.timeline-wrapper{overflow-y:auto!important;max-height:calc(100vh - 220px)!important}@media (max-width: 768px){.mobile-nav{justify-content:flex-start!important;gap:16px!important;padding:12px 20px!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav .nav-item{flex-shrink:0!important}.timeline-wrapper{width:100%!important;max-width:100vw!important}.app-main{overflow-x:hidden}}.timeline-container{min-width:max-content!important}@media (max-width: 768px){.hamburger-btn{display:block!important}.app-header{justify-content:flex-start!important}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9998;animation:fadeIn .3s ease}.mobile-nav{display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important;gap:0!important;padding:0!important;position:fixed;top:0;left:-280px;width:280px!important;height:100vh!important;background-color:var(--card-bg);border-top:none!important;border-right:1px solid var(--border-color);z-index:9999;box-shadow:4px 0 10px #0000001a!important;transition:left .3s ease}.mobile-nav.open{left:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px;border-bottom:1px solid var(--border-color)}.mobile-nav-header h2{margin:0;font-size:1.2rem;color:var(--text-color)}.mobile-nav-header button{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.mobile-nav-items{display:flex;flex-direction:column;width:100%;padding:10px 0;overflow-y:auto}.mobile-nav .nav-item{width:100%;text-align:left;padding:16px 20px!important;border-radius:0;border-bottom:1px solid #f1f5f9;font-size:1.05rem}.mobile-nav .nav-item.active{background-color:#f0fdf4;border-left:4px solid var(--primary)}.app-main{padding-bottom:20px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}