전체적인 리팩토링

features/dashboard/components/ActivitySection.tsx

@@ -46,15 +46,15 @@ export function ActivitySection({
   const warnings = activity?.warnings ?? [];
 
   return (
-    <Card>
+    <Card className="border-brand-200/70 bg-background/90 shadow-sm dark:border-brand-800/45">
       <CardHeader className="pb-3">
         {/* ========== TITLE ========== */}
         <CardTitle className="flex items-center gap-2 text-base">
           <ClipboardList className="h-4 w-4 text-brand-600 dark:text-brand-400" />
-          주문내역 · 매매일지
+          매수 · 매도 기록 (주문내역/매매일지)
         </CardTitle>
         <CardDescription>
-          최근 주문 체결 내역과 실현손익 기록을 확인합니다.
+          최근 매수/매도 주문 흐름과 실현손익을 한 번에 확인합니다.
         </CardDescription>
       </CardHeader>
 
@@ -106,9 +106,19 @@ export function ActivitySection({
 
         {/* ========== TABS ========== */}
         <Tabs defaultValue="orders" className="gap-3">
-          <TabsList className="w-full justify-start">
-            <TabsTrigger value="orders">주문내역 {orders.length}건</TabsTrigger>
-            <TabsTrigger value="journal">매매일지 {journalRows.length}건</TabsTrigger>
+          <TabsList className="h-auto w-full justify-start rounded-xl border border-brand-200/70 bg-background/80 p-1 dark:border-brand-800/50 dark:bg-background/60">
+            <TabsTrigger
+              value="orders"
+              className="h-9 rounded-lg px-3 data-[state=active]:bg-brand-600 data-[state=active]:text-white"
+            >
+              주문내역 {orders.length}건
+            </TabsTrigger>
+            <TabsTrigger
+              value="journal"
+              className="h-9 rounded-lg px-3 data-[state=active]:bg-brand-600 data-[state=active]:text-white"
+            >
+              매매일지 {journalRows.length}건
+            </TabsTrigger>
           </TabsList>
 
           <TabsContent value="orders">