@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
    * { font-family: 'Inter', sans-serif; }
    .sidebar-scrollbar::-webkit-scrollbar { width: 4px; }
    .sidebar-scrollbar::-webkit-scrollbar-track { background: transparent; }
    .sidebar-scrollbar::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
    .animate-pulse-dot { animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
    .page { display: none; }
    .page.active { display: block; }
    .modal-overlay { display: none; position: fixed; inset: 0; z-index: 50; background: rgba(15,23,42,0.6); backdrop-filter: blur(4px); align-items: center; justify-content: center; padding: 1rem; }
    .modal-overlay.open { display: flex; }
    .modal-box { background: white; border-radius: 1.5rem; width: 100%; max-width: 42rem; max-height: 90vh; overflow-y: auto; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); border: 1px solid #f1f5f9; padding: 1.5rem; }
    .badge { display: inline-block; padding: 2px 10px; border-radius: 9999px; font-size: 10px; font-weight: 700; text-transform: uppercase; }
    .badge-confirmado { background: #ecfdf5; color: #065f46; }
    .badge-realizado { background: #f0fdfa; color: #0f766e; }
    .badge-cancelado { background: #fff1f2; color: #be123c; }
    .badge-faltou { background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; }
    .badge-remarcado { background: #eef2ff; color: #4338ca; }
    .badge-agendado { background: #fffbeb; color: #92400e; }
    .badge-emespera { background: #fffbeb; color: #92400e; }
    .card { background: white; border-radius: 1.5rem; border: 1px solid #f1f5f9; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .btn-primary { background: #4f46e5; color: white; border-radius: 0.75rem; padding: 0.625rem 1.25rem; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: background 0.15s; border: none; }
    .btn-primary:hover { background: #4338ca; }
    .btn-secondary { background: white; color: #475569; border: 1px solid #e2e8f0; border-radius: 0.75rem; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: background 0.15s; }
    .btn-secondary:hover { background: #f8fafc; }
    .btn-danger { background: #fff1f2; color: #be123c; border: 1px solid #fecaca; border-radius: 0.75rem; padding: 0.5rem 1rem; font-size: 0.75rem; font-weight: 700; cursor: pointer; transition: all 0.15s; }
    .btn-danger:hover { background: #ef4444; color: white; }
    .form-input { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #e2e8f0; border-radius: 0.75rem; font-size: 0.875rem; outline: none; transition: border-color 0.15s; }
    .form-input:focus { border-color: #4f46e5; }
    .form-label { display: block; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; color: #64748b; margin-bottom: 0.25rem; letter-spacing: 0.05em; }
    table { width: 100%; border-collapse: collapse; }
    thead th { background: #f8fafc; color: #64748b; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 1rem 1.5rem; text-align: left; border-bottom: 1px solid #f1f5f9; }
    tbody tr { border-bottom: 1px solid #f1f5f9; transition: background 0.1s; }
    tbody tr:hover { background: #fafafa; }
    tbody td { padding: 1rem 1.5rem; font-size: 0.875rem; color: #475569; }
    .sidebar-link { width: 100%; display: flex; align-items: center; gap: 0.875rem; padding: 0.75rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.025em; cursor: pointer; transition: all 0.15s; color: #94a3b8; background: transparent; border: none; text-align: left; }
    .sidebar-link:hover { background: #1e293b; color: white; }
    .sidebar-link.active { background: #4f46e5; color: white; box-shadow: 0 4px 14px rgba(79,70,229,0.4); }
    .sidebar-link svg { width: 1rem; height: 1rem; flex-shrink: 0; }
    .progress-bar { height: 6px; border-radius: 9999px; background: #e2e8f0; overflow: hidden; }
    .progress-fill { height: 100%; border-radius: 9999px; transition: width 0.3s; }
    @media print { .no-print { display: none !important; } }
    .tab-btn { padding: 0.5rem 1rem; font-size: 0.75rem; font-weight: 600; border-radius: 0.5rem; cursor: pointer; border: none; background: transparent; color: #64748b; }
    .tab-btn.active { background: #4f46e5; color: white; }
    .calendar-day { width: 100%; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.5rem; cursor: pointer; font-size: 0.75rem; font-weight: 500; transition: all 0.1s; position: relative; }
    .calendar-day:hover { background: #f1f5f9; }
    .calendar-day.today { background: #4f46e5; color: white; font-weight: 700; }
    .calendar-day.has-events::after { content: ''; position: absolute; bottom: 3px; width: 4px; height: 4px; background: #10b981; border-radius: 50%; }
    .calendar-day.today.has-events::after { background: white; }
    .calendar-day.holiday { color: #dc2626; }
    .calendar-day.today.holiday { background: #dc2626; color: white; }
    .notification-dropdown { display: none; position: absolute; right: 0; top: calc(100% + 0.875rem); width: 20rem; background: white; border: 1px solid #f1f5f9; border-radius: 1rem; box-shadow: 0 20px 40px rgba(0,0,0,0.12); padding: 1rem; z-index: 100; }
    .notification-dropdown.open { display: block; }
    .mobile-sidebar-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 35; }
    .mobile-sidebar-overlay.open { display: block; }
    #sidebar { transition: transform 0.3s; }
    @media (max-width: 1279px) { #sidebar { transform: translateX(-100%); } #sidebar.open { transform: translateX(0); } }