:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--sidebar-width:280px}:root.light{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--card-bg:#fff;--bg-element:#f1f5f9;--text-main:#334155;--text-muted:#64748b;--text-inverse:#f8fafc;--text-title:#0f172a;--border-color:#e2e8f0;--color-primary:#6366f1;--primary-color:#6366f1;--color-primary-glow:#6366f126;--color-secondary:#0ea5e9;--color-secondary-glow:#0ea5e926;--color-accent:#8b5cf6;--color-accent-glow:#8b5cf626;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--box-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d, 0 10px 15px -3px #00000008;--box-shadow-hover:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000f}:root.dark,:root:not(.light){--bg-app:#090d16;--bg-sidebar:#0f172a;--bg-card:#151f32;--card-bg:#151f32;--bg-element:#1e293b;--text-main:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--text-title:#f8fafc;--border-color:#1e293b;--color-primary:#818cf8;--primary-color:#818cf8;--color-primary-glow:#818cf833;--color-secondary:#38bdf8;--color-secondary-glow:#38bdf833;--color-accent:#a78bfa;--color-accent-glow:#a78bfa33;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--box-shadow:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--box-shadow-hover:0 20px 25px -5px #0006, 0 10px 10px -5px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.app-layout{width:100vw;min-height:100vh;display:flex}.main-container{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.content-area{flex:1;padding:2.5rem;overflow-y:auto}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;height:100vh;transition:width var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar.collapsed{width:72px}.sidebar.collapsed .nav-item{justify-content:center;padding:.85rem 0;transform:none}.sidebar.collapsed .nav-item:hover{background-color:var(--bg-element);transform:none}.sidebar.collapsed .nav-details,.sidebar.collapsed .logo-text,.sidebar.collapsed .sidebar-footer{display:none}.sidebar-toggle-btn{color:var(--text-muted);border:1px solid var(--border-color);background-color:var(--bg-element);transition:all var(--transition-fast);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-toggle-btn:hover{color:var(--color-primary);background-color:var(--color-primary-glow);border-color:var(--color-primary)}.logo-area{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.logo-icon{width:2rem;height:2rem;color:var(--color-primary)}.logo-text h1{color:var(--text-title);font-size:1.25rem;font-weight:700;line-height:1.2}.logo-text span{letter-spacing:.05em;color:var(--color-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.nav-menu{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-main);text-align:left;transition:all var(--transition-fast);align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.nav-item:hover{background-color:var(--bg-element);color:var(--text-title);transform:translate(4px)}.nav-item.active{background-color:var(--color-primary-glow);color:var(--color-primary);border:1px solid #818cf84d}.nav-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.nav-details{flex-direction:column;line-height:1.2;display:flex}.nav-label{font-size:.95rem;font-weight:600}.nav-sublabel{color:var(--text-muted);font-size:.75rem;font-weight:400}.nav-item.active .nav-sublabel{color:var(--color-primary);opacity:.85}.sidebar-footer{border-top:1px solid var(--border-color);text-align:center;padding:1.5rem}.sidebar-footer p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.app-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal), border-color var(--transition-normal);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.header-greeting h2{color:var(--text-title);font-size:1.5rem;font-weight:700}.header-greeting p{color:var(--text-muted);margin-top:.2rem;font-size:.9rem}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cycle-badge{background-color:var(--bg-element);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.6rem 1.2rem;display:flex}.badge-icon{width:1.25rem;height:1.25rem;color:var(--color-success)}.badge-content{flex-direction:column;line-height:1.1;display:flex}.badge-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.badge-value{color:var(--text-title);font-size:.95rem;font-weight:700}.theme-toggle{background-color:var(--bg-element);width:2.5rem;height:2.5rem;color:var(--text-main);border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--color-primary-glow);color:var(--color-primary);transform:rotate(15deg)}.toggle-icon{width:1.2rem;height:1.2rem}.header-action-btn{background-color:var(--bg-element);height:2.5rem;color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:6px;padding:0 .85rem;font-size:.82rem;font-weight:600;display:flex}.header-action-btn:hover{background-color:var(--color-primary-glow);color:var(--color-primary);border-color:var(--color-primary)}@media (width<=768px){.hide-mobile{display:none}}.tab-container{flex-direction:column;gap:2rem;display:flex}.tab-header{border-bottom:2px solid var(--border-color);padding-bottom:1.25rem}.tab-header h2{color:var(--text-title);font-size:1.75rem;font-weight:800}.tab-description{color:var(--text-muted);max-width:700px;margin-top:.4rem;font-size:1rem}.placeholder-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.75rem;display:grid}@media (width>=1200px){.placeholder-grid{grid-template-columns:repeat(3,1fr)}.card-large{grid-column:span 2}}.placeholder-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--box-shadow);transition:all var(--transition-normal);flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative;overflow:hidden}.placeholder-card:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.card-primary:before{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary))}.card-secondary:before{background:linear-gradient(90deg, var(--color-secondary), var(--color-accent))}.card-highlight:before{background:linear-gradient(90deg, var(--color-accent), var(--color-success))}.placeholder-card:hover{box-shadow:var(--box-shadow-hover);border-color:#6366f133;transform:translateY(-6px)}.modal-dialog,.modal-dialog:hover,.placeholder-card.modal-dialog,.placeholder-card.modal-dialog:hover,[style*=fixed] .placeholder-card,[style*=fixed] .placeholder-card:hover,[style*="zIndex: 9999"] .placeholder-card,[style*="zIndex: 9999"] .placeholder-card:hover,[style*="z-index: 9999"] .placeholder-card,[style*="z-index: 9999"] .placeholder-card:hover{transform:none!important}.placeholder-card h3{color:var(--text-title);font-size:1.25rem;font-weight:700}.card-notes{color:var(--text-muted);font-size:.9rem;line-height:1.4}.mock-element{background-color:var(--bg-element);border-radius:var(--radius-md);border:1px dashed var(--border-color);height:140px;position:relative}.mock-element:after{content:"Pronto para Implementação";color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-timer{color:var(--text-title);text-align:center;font-feature-settings:"tnum";letter-spacing:.02em;background-color:var(--bg-element);border-radius:var(--radius-md);padding:1.5rem 0;font-size:3.5rem;font-weight:800;box-shadow:inset 0 2px 4px #0000001a}.mock-controls{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.mock-btn{border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--text-inverse);cursor:pointer;transition:opacity var(--transition-fast);padding:.6rem 1.5rem;font-size:.9rem}.mock-btn.text-muted{background-color:var(--bg-element);color:var(--text-main);border:1px solid var(--border-color)}.mock-btn:hover{opacity:.9}.mock-chart{background-color:var(--bg-element);border-radius:var(--radius-md);justify-content:space-around;align-items:flex-end;height:160px;padding:1rem;display:flex}.mock-bar{background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));width:28px;transition:height var(--transition-normal);border-radius:4px 4px 0 0;position:relative}.mock-bar:after{content:"";background-color:var(--color-accent);border-radius:4px 4px 0 0;height:4px;position:absolute;top:-4px;left:0;right:0}.mock-heatmap{background-color:var(--bg-element);border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);justify-content:center;gap:6px;padding:1rem;display:grid}.heatmap-cell{aspect-ratio:1;background-color:var(--color-success);transition:transform var(--transition-fast);border-radius:3px}.heatmap-cell:hover{z-index:2;transform:scale(1.2)}.fade-in-tab{animation:.35s cubic-bezier(.16,1,.3,1) fadeInTab}@keyframes fadeInTab{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.calendar-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--box-shadow);margin-top:1.5rem;padding:2rem}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:1rem;padding-bottom:.5rem;display:grid;overflow-x:auto}@media (width<=1200px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.calendar-grid{grid-template-columns:1fr}}.calendar-column{background-color:var(--bg-element);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:.75rem;min-height:280px;padding:1rem .75rem;display:flex}.calendar-column.is-today{border-color:var(--color-primary);background-color:var(--color-primary-glow)}.calendar-day-header{border-bottom:1px solid var(--border-color);flex-direction:column;margin-bottom:.25rem;padding-bottom:.5rem;display:flex}.calendar-day-name{color:var(--text-title);text-transform:capitalize;font-size:.9rem;font-weight:700}.calendar-day-hours{color:var(--text-muted);font-size:.75rem}.calendar-block-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-direction:column;gap:.4rem;padding:.75rem;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.calendar-block-card:hover{border-color:#818cf833;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.calendar-block-title{color:var(--text-title);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;line-height:1.3;display:block;overflow:hidden}.calendar-block-time{color:var(--text-muted);font-size:.7rem}.calendar-block-badge{text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.badge-pending{background-color:var(--bg-element);color:var(--text-muted);border:1px solid var(--border-color)}.badge-running{background-color:var(--color-primary-glow);color:var(--color-primary);border:1px solid #818cf84d;animation:1.5s infinite alternate pulseBadge}.badge-completed{color:var(--color-success);background-color:#10b98126;border:1px solid #10b9814d}.badge-overdue{color:var(--color-danger);background-color:#ef444426;border:1px solid #ef44444d}@keyframes pulseBadge{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.calendar-block-action{border-radius:var(--radius-sm);z-index:2;background-color:#0f172acc;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:none;position:absolute;inset:0}.calendar-block-card:hover .calendar-block-action{display:flex}.availability-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:1.5rem 2rem}.availability-grid{grid-template-columns:repeat(7,1fr);gap:1rem;margin-top:1rem;display:grid}@media (width<=1024px){.availability-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.availability-grid{grid-template-columns:repeat(2,1fr)}}.availability-day-input{background-color:var(--bg-element);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.availability-day-input label{text-transform:capitalize;color:var(--text-title);font-size:.8rem;font-weight:700}.availability-day-input input{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-title);text-align:center;border-radius:6px;width:100%;padding:.4rem;font-size:.95rem;font-weight:700}.workspace-dropdown-item{color:var(--text-title);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.4;display:flex}.workspace-dropdown-item:hover{background-color:var(--bg-element);color:var(--text-title)}.workspace-dropdown-item.danger{color:var(--color-danger)}.workspace-dropdown-item.danger:hover{color:var(--color-danger);background-color:#ef444426}.workspace-dropdown-item:disabled{color:var(--text-muted);cursor:not-allowed;background-color:#0000}.responsive-split-grid{grid-template-columns:1.1fr .9fr;gap:2rem;display:grid}.responsive-split-grid-three{grid-template-columns:1fr 1.3fr;gap:2rem;display:grid}.responsive-split-grid-four{grid-template-columns:1.1fr .9fr;gap:2rem;display:grid}@media (width<=1080px){.responsive-split-grid,.responsive-split-grid-three,.responsive-split-grid-four{gap:1.5rem;grid-template-columns:1fr!important}}@media (width<=960px){:root{--sidebar-width:72px}.sidebar.collapsed{width:72px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-details,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .countdown-full{display:none!important}.sidebar.collapsed .countdown-compact{display:flex!important}.sidebar.collapsed .nav-item{justify-content:center!important;padding:.85rem 0!important;transform:none!important}.sidebar:not(.collapsed){top:0;bottom:0;left:0;z-index:1000!important;width:260px!important;position:fixed!important;box-shadow:0 10px 35px #00000080!important}.sidebar:not(.collapsed) .countdown-full{display:flex!important}.sidebar:not(.collapsed) .countdown-compact{display:none!important}.sidebar:not(.collapsed) .nav-details{display:flex!important}.sidebar:not(.collapsed) .logo-text,.sidebar:not(.collapsed) .sidebar-footer{display:block!important}.app-header{gap:.75rem;padding:.85rem 1.25rem!important}.header-greeting h2{font-size:1.2rem!important}.header-subtitle,.header-countdown-badge{display:none!important}.header-actions{gap:.5rem!important}.cycle-badge{gap:.5rem!important;padding:.4rem .75rem!important}.content-area,.calendar-section,.availability-panel,.placeholder-card{padding:1.25rem!important}.calendar-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.availability-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.sidebar.collapsed{width:60px}.content-area{padding:.85rem .5rem!important}.app-header{padding:.75rem!important}.badge-title{display:none}.cycle-badge{padding:.35rem .5rem!important}.calendar-grid,.availability-grid{grid-template-columns:1fr!important}.section-header-row{flex-direction:column;align-items:stretch!important}}