@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--brand-bg: #f7f7ef;--brand-surface: rgba(255,255,255,.94);--brand-border: #e7e7dc;--brand-muted: #72808f;--brand-text: #1c2430;--accent: #8fe3a3;--accent-strong: #57c978;--accent-text: #1d6b33;--shadow-sm: 0 1px 2px rgba(12,18,32,.04);--shadow-md: 0 10px 24px rgba(12,18,32,.08);--radius: 12px;--topbar-h: 54px}.layout-root{height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--brand-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--brand-text)}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:12px;background:#ffffffeb;border-bottom:1px solid var(--brand-border);box-shadow:0 1px #fffc inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.hamburger{width:36px;height:36px;border-radius:10px;border:1px solid var(--brand-border);background:#fff;cursor:pointer;font-weight:900;color:var(--brand-text);display:none}.brand-area{display:flex;align-items:center;gap:8px;cursor:pointer}.logo-area{display:flex;align-items:center;justify-content:center;min-width:64px;padding:5px 10px;border-radius:12px;background:#fff;border:1px solid var(--brand-border);box-shadow:var(--shadow-sm)}.logo-img{height:22px;width:auto;display:block}.brand-chip{height:30px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f4fff6,#e5f9ea);border:1px solid #d3f1da;color:var(--accent-text);font-size:.78rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.topnav{flex:1;min-width:0;display:flex;align-items:center;gap:4px;justify-content:flex-start;overflow:hidden}.topnav-item{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;text-decoration:none;color:#3a4655;font-weight:500;font-size:.72rem;white-space:nowrap;position:relative;border:1px solid transparent}.topnav-item:hover{background:#f7faf8;border-color:#e6efe8;color:#1d2738}.topnav-item.active{background:linear-gradient(180deg,#f1fff4,#e5f8ea);border-color:#cfead6;color:var(--accent-text);font-weight:700;box-shadow:inset 0 1px #ffffffbf}.topnav-label{display:inline}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-box{display:flex;align-items:center;gap:10px}.user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.user-name{font-weight:700;font-size:.78rem;letter-spacing:-.01em;color:var(--brand-text)}.user-role{font-size:.62rem;font-weight:700;color:var(--brand-muted);letter-spacing:.05em}.user-avatar{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2c3b52,#1d2738);color:#fff;font-weight:800;font-size:.82rem;border:1px solid rgba(28,36,48,.08)}.logout-topbar{width:30px;height:30px;padding:0;border-radius:999px;border:1px solid var(--brand-border);background:#fff;cursor:pointer;font-weight:800;color:var(--brand-muted)}.logout-topbar:hover{background:#f8fafc}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding:18px 24px 24px;background:radial-gradient(1000px 420px at 10% -120px,#fbfbf6 0%,transparent 60%),radial-gradient(820px 420px at 100% -140px,#f2f5ea 0%,transparent 60%),var(--brand-bg)}.page-hero{margin:10px 14px 0;padding:16px 18px;border-radius:12px;background:linear-gradient(90deg,#141d2b,#1d2740 55%,#3b34a0);box-shadow:0 16px 30px -18px #0f172a8c}.page-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-hero-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.page-hero h1{margin:0;color:#fff;font-size:1.55rem;font-weight:800;letter-spacing:-.02em}.page-hero p{margin:0;color:#ffffffd6;font-size:.78rem;font-weight:500}.page-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.hero-action-btn{height:38px;padding:0 16px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:.76rem;font-weight:700;line-height:1;white-space:nowrap;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}.hero-action-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.hero-action-btn:disabled{opacity:.62;cursor:default;transform:none;filter:none}.hero-action-btn--primary{background:linear-gradient(135deg,#4d8cff,#356cf0);color:#fff;border-color:#ffffff24;box-shadow:0 10px 24px #356cf038}.hero-action-btn--soft{background:#ffffff24;color:#fff;border-color:#ffffff2e}.page-hero-actions--right{justify-content:flex-end}.page-hero-actions--left{justify-content:flex-start}@media (max-width: 1180px){.topnav{justify-content:flex-start;overflow:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}}@media (max-width: 860px){.hamburger{display:inline-flex;align-items:center;justify-content:center}.topnav{position:absolute;top:var(--topbar-h);left:12px;right:12px;background:#fffffffa;border:1px solid var(--brand-border);border-radius:16px;box-shadow:var(--shadow-md);padding:10px;display:none;flex-wrap:wrap;justify-content:flex-start;z-index:50}.topnav.topnav--open{display:flex}.topnav-item{color:#334155}.topnav-item:hover{background:#f8fbf7;border-color:#e5ede4;color:#0b1220}.topnav-item.active{background:#ebfaef;border-color:#cfead6;color:#0f7a35;box-shadow:0 1px #ffffffbf inset}.topbar{position:relative}.user-meta{display:none}.page-hero{margin:10px 12px 0;padding:14px 16px}.page-hero-inner{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:1.25rem}.page-hero-actions{width:100%}}.content-area--no-scroll{overflow:hidden!important;padding:0!important}:root{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45;font-weight:500;color-scheme:light;color:#0b1220;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{background-color:#0f172a}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:420px}.toast-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500;line-height:1.4;pointer-events:auto;cursor:pointer;box-shadow:0 8px 24px #00000024,0 2px 6px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-slide-in .3s ease-out forwards;border:1px solid transparent}.toast-enter{animation:toast-slide-in .3s ease-out forwards}.toast-exit{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(60px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px) scale(.95)}}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-color:#a7f3d0}.toast-error{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;border-color:#fca5a5}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border-color:#fde68a}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-color:#93c5fd}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;min-width:0}.toast-close{flex-shrink:0;width:22px;height:22px;border:none;background:#00000014;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.6;transition:opacity .15s}.toast-close:hover{opacity:1}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9000;padding:18px;animation:confirm-fade-in .2s ease-out}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#fff;border-radius:14px;box-shadow:0 24px 60px #0f172a33;padding:28px;width:min(440px,96vw);animation:confirm-scale-in .2s ease-out}@keyframes confirm-scale-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.confirm-title{margin:0 0 12px;font-size:17px;font-weight:700}.confirm-title--danger{color:#dc2626}.confirm-title--warning{color:#d97706}.confirm-title--info{color:#2563eb}.confirm-body{color:#475569;font-size:14px;line-height:1.6;margin-bottom:24px}.confirm-footer{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn--cancel{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.confirm-btn--cancel:hover:not(:disabled){background:#e2e8f0}.confirm-btn--danger{background:#dc2626;color:#fff}.confirm-btn--danger:hover:not(:disabled){background:#b91c1c}.confirm-btn--warning{background:#d97706;color:#fff}.confirm-btn--warning:hover:not(:disabled){background:#b45309}.confirm-btn--info{background:#2563eb;color:#fff}.confirm-btn--info:hover:not(:disabled){background:#1d4ed8}.skeleton-wrap{width:100%}.skeleton-pulse{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-table-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;padding:14px 16px;border-bottom:1px solid #e2e8f0}.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;padding:12px 16px;border-bottom:1px solid #f1f5f9}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.empty-state-icon{margin-bottom:12px;opacity:.5}.empty-state-title{margin:0 0 6px;font-size:15px;font-weight:600;color:#475569}.empty-state-desc{margin:0 0 16px;font-size:13px;color:#94a3b8}.empty-state-action{margin-top:4px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px;flex-wrap:wrap}.pagination-info{font-size:13px;color:#64748b;display:flex;align-items:center;gap:12px}.pagination-size-select{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#475569;background:#fff;cursor:pointer}.pagination-buttons{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn--active{background:#2563eb;color:#fff;border-color:#2563eb}.pagination-btn--active:hover{background:#1d4ed8}.pagination-dots{color:#94a3b8;font-size:14px;padding:0 4px}.gantt-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.gantt-table{width:max(900px,100%);border-collapse:separate;border-spacing:0}.gantt-table th,.gantt-table td{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;font-size:11px}.gantt-table th{position:sticky;top:0;background:#f8fafc;padding:6px 2px;font-weight:600;color:#64748b;text-align:center;z-index:2}.gantt-table th:first-child{position:sticky;left:0;z-index:3;min-width:140px;text-align:left;padding-left:12px}.gantt-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;padding:6px 12px;font-weight:500;color:#334155;font-size:12.5px}.gantt-cell{width:24px;min-width:24px;height:28px;padding:0;text-align:center;vertical-align:middle;cursor:default}.gantt-cell--weekend{background:#f8fafc}.gantt-cell--holiday{background:repeating-linear-gradient(135deg,#fef3c7,#fef3c7 4px,#fde68a 4px,#fde68a 8px)}.gantt-cell--ferias{background:#3b82f6}.gantt-cell--ferias-empresa{background:#8b5cf6}.gantt-cell--folga{background:#10b981}.gantt-cell--pendente{background:repeating-linear-gradient(135deg,#93c5fd,#93c5fd 3px,#bfdbfe 3px,#bfdbfe 6px)}.gantt-cell--today{box-shadow:inset 0 0 0 2px #f59e0b}.gantt-legend{display:flex;gap:16px;padding:10px 12px;flex-wrap:wrap;border-top:1px solid #e2e8f0;background:#fafbfc}.gantt-legend-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#475569}.gantt-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}