/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root { font-family: Inter, system-ui, sans-serif; color: #152018; background: #f6f7f3; }
body { margin: 0; }
a { color: inherit; }
.container { max-width: 1050px; margin: 0 auto; padding: 32px 20px; }
.header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.brand { font-size: 30px; font-weight: 800; letter-spacing: -0.04em; }
.tagline { color: #536052; margin-top: 6px; }
.controls { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
input, select { padding: 10px 12px; border: 1px solid #cbd5c8; border-radius: 10px; background: white; }
.card { background: white; border: 1px solid #dce3d8; border-radius: 18px; padding: 18px; margin-bottom: 14px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.card h2 { margin: 0 0 8px; font-size: 21px; }
.meta { display: flex; flex-wrap: wrap; gap: 8px; color: #586657; font-size: 14px; margin-bottom: 10px; }
.badge { border-radius: 999px; background: #eef3ea; padding: 4px 9px; font-size: 13px; }
.score { font-weight: 800; }
.desc { color: #283427; line-height: 1.45; }
.actions { margin-top: 14px; display: flex; gap: 10px; }
.button { display: inline-block; padding: 9px 12px; border-radius: 10px; text-decoration: none; background: #182319; color: white; }
.button.secondary { background: #edf2ea; color: #182319; }
.empty { padding: 30px; background: white; border-radius: 18px; border: 1px dashed #cbd5c8; }