1* {
2 margin: 0;
3 padding: 0;
4 box-sizing: border-box;
5}
6
7body {
8 width: 220px;
9 background: #1a1a1a;
10 color: #f5f3ef;
11 font-family: system-ui, -apple-system, sans-serif;
12 font-size: 13px;
13 padding: 16px;
14}
15
16header {
17 display: flex;
18 align-items: center;
19 gap: 8px;
20 margin-bottom: 16px;
21}
22
23.logo {
24 font-size: 18px;
25 font-weight: 500;
26 opacity: 0.7;
27}
28
29h1 {
30 font-size: 14px;
31 font-weight: 600;
32}
33
34.count-display {
35 text-align: center;
36 padding: 16px 0;
37 margin-bottom: 16px;
38}
39
40.count-number {
41 display: block;
42 font-size: 36px;
43 font-weight: 700;
44 line-height: 1;
45 margin-bottom: 4px;
46 color: #999;
47 transition: color 0.2s;
48}
49
50.count-number.has-findings {
51 color: oklch(55% 0.25 350);
52}
53
54.count-label {
55 font-size: 12px;
56 color: #999;
57}
58
59.actions {
60 display: flex;
61 flex-direction: column;
62 gap: 6px;
63 margin-bottom: 16px;
64}
65
66.btn {
67 display: block;
68 width: 100%;
69 padding: 8px 12px;
70 border: none;
71 border-radius: 6px;
72 font-size: 12px;
73 font-weight: 500;
74 cursor: pointer;
75 transition: background 0.15s, opacity 0.15s;
76}
77
78.btn-primary {
79 background: oklch(55% 0.25 350);
80 color: white;
81}
82
83.btn-primary:hover {
84 background: oklch(50% 0.25 350);
85}
86
87.btn-secondary {
88 background: #333;
89 color: #ccc;
90}
91
92.btn-secondary:hover {
93 background: #3a3a3a;
94}
95
96footer {
97 text-align: center;
98 padding-top: 8px;
99 border-top: 1px solid #333;
100}
101
102footer a {
103 font-size: 11px;
104 color: #666;
105 text-decoration: none;
106}
107
108footer a:hover {
109 color: #999;
110}