@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;700&display=swap";:root{--bg-color: #000000;--card-bg: #121212;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-green: #4b5320;--accent-brown: #5d4037;--accent-green-light: #6b772e;--accent-brown-light: #795548;--radius-card: 16px;--radius-pill: 9999px;--font-headline: "Anton", sans-serif;--font-body: "Inter", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:-.02em}button{cursor:pointer;border:none;font-family:var(--font-body);font-weight:700;transition:var(--transition)}a{text-decoration:none;color:inherit}.container{max-width:1400px;margin:0 auto;padding:2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.app-wrapper{min-height:100vh;padding-bottom:5rem}.header{padding:6rem 2rem 4rem;display:flex;flex-direction:column;gap:1rem;position:relative}.title-large{font-size:clamp(4rem,15vw,12rem);line-height:.85;color:var(--text-primary);margin-left:-.05em}.subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px}.controls{padding:0 2rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.add-button{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-light));color:#fff;padding:.75rem 2rem;border-radius:var(--radius-pill);font-size:1rem;box-shadow:0 4px 15px #4b53204d}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4b532066}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-auto-rows:400px;gap:1.5rem;padding:0 2rem}@media(min-width:1024px){.dashboard-grid .card-item:nth-child(4n+1){grid-column:span 2}}.card-item{position:relative;border-radius:var(--radius-card);overflow:hidden;background:var(--card-bg);transition:var(--transition);cursor:pointer}.card-item:hover{transform:scale(.98)}.card-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.card-item:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#0006,#0003);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.card-tags{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem}.tag{background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.card-title{font-size:2rem;margin-bottom:.5rem}.card-description{color:var(--text-secondary);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--card-bg);width:100%;max-width:500px;padding:2.5rem;border-radius:var(--radius-card);position:relative;border:1px solid rgba(255,255,255,.05)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-weight:700}.form-group input,.form-group textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;color:#fff;border-radius:8px;font-family:var(--font-body)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-submit{flex:1;background:var(--accent-green);color:#fff;padding:1rem;border-radius:var(--radius-pill)}.btn-cancel{flex:1;background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:var(--radius-pill)}.filter-bar{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.filter-tag{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.5rem 1.25rem;border-radius:var(--radius-pill);white-space:nowrap}.filter-tag.active{background:var(--accent-brown);color:#fff;border-color:transparent}