:root{--primary:#1a237e;--secondary:#27ae60;--bg:#f4f6f7;--text:#2c3e50}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;box-shadow:0 2px 5px rgba(0,0,0,.15);position:sticky;top:0;z-index:10}
.header-left{display:flex;align-items:center;gap:10px}
header img{width:40px;height:40px;border-radius:50%}
header a{color:#fff;text-decoration:none;margin-left:12px;font-weight:600}
.btn{background:var(--secondary);padding:8px 14px;border-radius:6px}
main{max-width:1000px;margin:30px auto;padding:0 18px}
.card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:18px}
.card + .card{margin-top:16px}
.title{color:var(--primary);margin:0}
.company{color:var(--secondary);font-weight:700}
.meta{color:#6b7c93;font-size:13px;margin-top:6px}
.desc{line-height:1.6;margin:12px 0}
a.link{color:var(--primary);text-decoration:none}
.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.filter input{padding:10px;border:1px solid #ccc;border-radius:6px}
.filter button{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}
.form label{display:block;font-weight:600;margin:8px 0 4px}
.form input,.form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}
.form button{margin-top:12px;background:var(--secondary);color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer}
.flash{max-width:1000px;margin:15px auto;padding:10px;border-radius:6px}
.flash.success{background:#e8f8f1;color:#126a44}
.flash.error{background:#fdecea;color:#8a1f17}
footer{text-align:center;color:#777;padding:22px;margin-top:30px;background:#fff;border-top:1px solid #e5e7eb}