:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color:#111827;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p{margin:0}#root{min-height:100vh}.app-shell{max-width:920px;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.topbar h1{font-size:1.4rem}.brand{display:flex;align-items:center;gap:.6rem}.brand-logo{width:122px;height:auto}.brand-subtitle{font-size:.85rem;color:#6b7280}.topbar-actions{display:flex;align-items:center;gap:.5rem}.email-label{font-size:.85rem;color:#4b5563}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem .75rem;border-radius:999px;border:1px solid #d1d5db;text-decoration:none;color:#111827;background:#fff}.tab.active{background:#111827;border-color:#111827;color:#fff}.page,.stack{display:flex;flex-direction:column;gap:1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.form{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:.3rem;font-weight:600}input,select,button{border:1px solid #d1d5db;border-radius:10px;padding:.6rem .7rem;font:inherit}button{background:#111827;color:#fff;cursor:pointer}button:disabled{opacity:.7;cursor:not-allowed}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-page .card{width:min(100%,460px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.entry{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.entry-image{width:100%;max-height:340px;object-fit:cover;border-radius:10px}.image-button{border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}.entry-body{padding:.65rem;display:flex;flex-direction:column;gap:.2rem}.group-title{font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat-card{min-height:112px}.stat{font-size:1.6rem;font-weight:700}.list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.list-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid #e5e7eb;border-radius:10px;padding:.6rem .7rem}.list-content{display:flex;flex-direction:column;gap:.2rem}.muted{color:#6b7280}.error{color:#b91c1c}.success{color:#166534}.danger-button{background:#b91c1c;border-color:#b91c1c}.undo-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem}.lightbox-overlay-button{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#111827cc}.lightbox-panel{position:relative;z-index:1;width:min(100%,880px);max-height:calc(100vh - 2rem);overflow:auto;background:#fff;border-radius:14px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.lightbox-close{align-self:flex-end}.lightbox-image{width:100%;max-height:78vh;object-fit:contain;border-radius:10px;background:#f9fafb}