diff --git a/frontend/css/style.css b/frontend/css/style.css index 1ac27ec..4f5399e 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -615,6 +615,51 @@ body { margin-top: 20px; } +/* Checkbox Group Styles */ +.checkbox-group { + display: flex; + flex-wrap: wrap; + gap: 12px; + padding: 10px 0; +} + +.checkbox-label { + display: flex; + align-items: center; + gap: 8px; + cursor: pointer; + padding: 8px 14px; + border: 1px solid var(--border-color); + border-radius: 6px; + transition: all 0.2s ease; + background-color: var(--white); + font-size: 0.9rem; +} + +.checkbox-label:hover { + border-color: var(--primary-orange); + background-color: rgba(255, 107, 53, 0.05); +} + +.checkbox-label input[type="checkbox"] { + width: 16px; + height: 16px; + margin: 0; + accent-color: var(--primary-orange); + cursor: pointer; +} + +.checkbox-label input[type="checkbox"]:checked+span { + color: var(--primary-orange); + font-weight: 500; +} + +.checkbox-label:has(input[type="checkbox"]:checked) { + border-color: var(--primary-orange); + background-color: rgba(255, 107, 53, 0.1); +} + + /* File Upload */ .file-upload { position: relative; diff --git a/frontend/index.html b/frontend/index.html index e76bf65..e263026 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -298,7 +298,7 @@