@import "https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;700&display=swap";
.btn-main,.button-primary,.btn,.add-btn,.post-btn{background:linear-gradient(90deg, var(--primary), var(--primary-dark));border:none;border-radius:.5rem;font-size:1rem;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0ea5e914;color:#fff!important}.btn-main:hover,.button-primary:hover,.btn:hover,.add-btn:hover,.post-btn:hover{background:linear-gradient(90deg, var(--primary-dark), var(--primary));box-shadow:0 4px 16px #0ea5e91f}.modal-bg,.card,.main-content-card,.content-box,.dialog{border-radius:1.25rem;box-shadow:0 4px 24px #0ea5e914;background:#f8fafc!important}.modal-overlay{background:linear-gradient(120deg,#e0f2fe 0%,#f0f9ff 100%)!important}.main-content-bg,.page-bg{min-height:100vh;padding:2rem 0;overflow-x:auto;background:linear-gradient(120deg,#e0f2fe 0%,#f0f9ff 100%)!important}:root{--primary:#0ea5e9;--primary-dark:#0369a1;--accent:#fbbf24;--bg:#e0f2fe;--bg-dark:#0f172a;--sidebar-bg:#fff;--sidebar-active:#bae6fd;--sidebar-hover:#7dd3fc;--text-main:#0f172a;--text-light:#64748b;--border:#e0e7ef}body{color:var(--text-main);background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%);min-height:100%;font-family:Fira Sans,Inter,Montserrat,Karla,Open Sans,sans-serif;overflow:auto}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);min-height:100vh;padding-top:2rem;transition:background .3s}.sidebar .sidebar-link{color:var(--text-main);background:0 0;border-radius:1.5rem 0 0 1.5rem;margin-bottom:.5rem;padding:.75rem 2rem;font-size:1.15rem;font-weight:600;transition:background .2s,color .2s;display:block}.sidebar .sidebar-link.active,.sidebar .sidebar-link:focus{background:var(--sidebar-active);color:var(--primary)}.sidebar .sidebar-link:hover{background:var(--sidebar-hover);color:var(--primary-dark)}.sidebar .sidebar-link.logout-active{color:#b91c1c;background:#fee2e2}.button-primary{background:linear-gradient(90deg, var(--primary), var(--primary-dark));color:#fff;border:none;border-radius:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0ea5e914}.button-primary:hover{background:linear-gradient(90deg, var(--primary-dark), var(--primary));box-shadow:0 4px 16px #0ea5e91f}.card{background:#fff;border-radius:1.25rem;margin-bottom:2rem;padding:2rem;transition:box-shadow .2s;box-shadow:0 4px 24px #0ea5e914}.card:hover{box-shadow:0 8px 32px #0ea5e929}.animate-fadein{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pop{animation:.25s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{background:#e5e7eb;width:8px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.main-content-bg{background:linear-gradient(120deg,#e0f2fe 0%,#f0f9ff 100%);min-height:100vh;padding:2rem 0;overflow-x:auto}