feat: 신규 페이지 구현 및 HR/설정 기능 개선

신규 페이지:
- 회계관리: 거래처, 예상비용, 청구서, 발주서
- 게시판: 공지사항, 자료실, 커뮤니티
- 고객센터: 문의/FAQ
- 설정: 계정, 알림, 출퇴근, 팝업, 구독, 결제내역
- 리포트 (차트 시각화)
- 개발자 테스트 URL 페이지

기능 개선:
- HR 직원관리/휴가관리/카드관리 강화
- IntegratedListTemplateV2 확장
- AuthenticatedLayout 패딩 표준화
- 로그인 페이지 UI 개선

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/ui/multi-select-combobox.tsx

@@ -0,0 +1,126 @@
+'use client';
+
+import * as React from 'react';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { Button } from './button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from './command';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { cn } from './utils';
+
+export interface MultiSelectOption {
+  value: string;
+  label: string;
+}
+
+interface MultiSelectComboboxProps {
+  options: MultiSelectOption[];
+  value: string[];
+  onChange: (value: string[]) => void;
+  placeholder?: string;
+  searchPlaceholder?: string;
+  emptyText?: string;
+  disabled?: boolean;
+  className?: string;
+}
+
+export function MultiSelectCombobox({
+  options,
+  value,
+  onChange,
+  placeholder = '선택하세요',
+  searchPlaceholder = '검색...',
+  emptyText = '결과가 없습니다.',
+  disabled = false,
+  className,
+}: MultiSelectComboboxProps) {
+  const [open, setOpen] = React.useState(false);
+
+  const handleSelect = (selectedValue: string) => {
+    if (value.includes(selectedValue)) {
+      onChange(value.filter((v) => v !== selectedValue));
+    } else {
+      onChange([...value, selectedValue]);
+    }
+  };
+
+  const handleSelectAll = () => {
+    if (value.length === options.length) {
+      onChange([]);
+    } else {
+      onChange(options.map((opt) => opt.value));
+    }
+  };
+
+  const getDisplayText = () => {
+    if (value.length === 0) return placeholder;
+    if (value.length === options.length) return '전체';
+    const firstItem = options.find((opt) => opt.value === value[0]);
+    if (value.length === 1) return firstItem?.label || '';
+    return `${firstItem?.label} 외 ${value.length - 1}`;
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          disabled={disabled}
+          className={cn(
+            'justify-between font-normal',
+            !value.length && 'text-muted-foreground',
+            className
+          )}
+        >
+          <span className="truncate">{getDisplayText()}</span>
+          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0" align="start">
+        <Command>
+          <CommandInput placeholder={searchPlaceholder} />
+          <CommandList>
+            <CommandEmpty>{emptyText}</CommandEmpty>
+            <CommandGroup>
+              {/* 전체 선택 */}
+              <CommandItem onSelect={handleSelectAll} className="cursor-pointer">
+                <Check
+                  className={cn(
+                    'mr-2 h-4 w-4',
+                    value.length === options.length ? 'opacity-100' : 'opacity-0'
+                  )}
+                />
+                전체
+              </CommandItem>
+              {/* 개별 옵션 */}
+              {options.map((option) => (
+                <CommandItem
+                  key={option.value}
+                  value={option.label}
+                  onSelect={() => handleSelect(option.value)}
+                  className="cursor-pointer"
+                >
+                  <Check
+                    className={cn(
+                      'mr-2 h-4 w-4',
+                      value.includes(option.value) ? 'opacity-100' : 'opacity-0'
+                    )}
+                  />
+                  {option.label}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}