🎨 토스(Toss) 디자인 시스템 적용

[Xixn2]

배경

현재 관리자 페이지는 기본적인 디자인 토큰 기반의 일반적인 admin 룩입니다.
시인성이 좋고 친숙한 토스 스타일로 전면 개편하여 운영자/관리자가 매일 보는 화면의 품질을 끌어올립니다.

적용 범위

• 디자인 토큰 (Primary: Toss Blue ~#3182F6, radius 12-16px, 부드러운 shadow, 충분한 spacing)
• 타이포그래피: Pretendard variable, 메트릭 카드 숫자 강조
• 컴포넌트: Card / Button / Input / Select / Modal / Toast / Table / Pagination / Sidebar / Header
• 페이지: 로그인, 대시보드, 회사/근로자/업무/일정/게시판 리스트, 일정 캘린더, 일정 기록

작업 항목

• HSL 토큰 (light + dark) 토스 팔레트로 교체
• Card / Button 라운드 및 hover 디테일 정리
• Sidebar 폭/간격 조정, 활성 항목 시인성 강화
• Header 정돈 (theme 토글 / 사용자 메뉴)
• 메트릭 카드 큰 숫자 + 보조 트렌드 텍스트
• Table row hover / 정렬 헤더
• 모바일 반응형 검수

참고

토스 스타일 디자인 원칙: 단순한 정보 위계 / 부드러운 라운드 / 매우 절제된 색상