*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0f1f14;--ink-2: #2d4a35;--ink-3: #5a7a62;--ink-4: #a8c4ae;--paper: #f4faf5;--paper-2: #e6f3e8;--paper-3: #cde4d0;--primary: #1e7c3a;--primary-lt: #d4edda;--primary-dk: #145a28;--primary-glow: rgba(30,124,58,.18);--accent: #2ecc71;--accent-dk: #27ae60;--red: #c0392b;--red-lt: #fdecea;--green: #1a7a3a;--green-lt: #d4edda;--blue: #1a6bb5;--sidebar-w: 220px;--shadow-sm: 0 1px 3px rgba(15,31,20,.08);--shadow-lg: 0 8px 32px rgba(15,31,20,.14)}html,body,#root{height:100%;font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Fraunces,serif;line-height:1.2}input,select,textarea,button{font-family:DM Sans,sans-serif;font-size:14px}input,select,textarea{width:100%;padding:9px 12px;border:1.5px solid var(--paper-3);border-radius:10px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder{color:var(--ink-4)}textarea{resize:vertical;min-height:72px}button{cursor:pointer;border:none;border-radius:10px;font-weight:500;transition:opacity .15s,transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--paper-3);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease forwards}.cat-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:#0f1f14;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:transform .25s ease}.main-content{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-w);min-width:0}@media (max-width:767px){.main-content{margin-left:0!important}.sidebar{transform:translate(calc(-1 * var(--sidebar-w)))}.sidebar.mobile-open{transform:translate(0)}}.page-inner{flex:1;padding:1.5rem 1.25rem;max-width:860px;width:100%;margin:0 auto}@media (min-width:768px){.page-inner{padding:1.75rem 2rem}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:540px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:640px){.grid-3{grid-template-columns:1fr}}.card{background:#fff;border-radius:14px;padding:1.25rem;border:1px solid var(--paper-3);box-shadow:var(--shadow-sm)}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--paper-3);display:flex;align-items:center;padding:0 1.25rem;gap:12px;position:sticky;top:0;z-index:30;box-shadow:0 1px 4px #0f1f140f}.entry-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--paper-2)}.entry-row:last-child{border-bottom:none}.entry-meta{flex:1;min-width:0}.entry-meta .note{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-meta .desc{font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-dk));color:#fff;box-shadow:0 3px 10px #1e7c3a47}.bulk-row{display:grid;grid-template-columns:120px 1fr 90px 32px;gap:8px;align-items:center}@media (max-width:600px){.bulk-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}