*,*: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;--blue-lt: #dbeafe;--cat-home: #d97706;--cat-personal: #7c3aed;--cat-sabnur: #0e7490;--cat-munnu: #be185d;--cat-hasi: #1a6bb5;--cat-others: #5a7a62;--shadow-sm: 0 1px 3px rgba(15,31,20,.08);--shadow-md: 0 4px 16px rgba(15,31,20,.1);--shadow-lg: 0 8px 32px rgba(15,31,20,.14);--radius: 10px;--radius-lg: 16px;--sidebar-w: 220px}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:var(--radius);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:var(--radius);font-weight:500;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s}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}.sidebar-closed{transform:translate(calc(-1 * var(--sidebar-w)))}.sidebar-open{transform:translate(0)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .25s ease}@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}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 860px){.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr}}.search-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.search-controls>*{min-width:130px}.search-btn{flex-shrink:0;white-space:nowrap}.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}.bulk-row>:last-child{grid-column:2;justify-self:end}}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-dk));color:#fff;box-shadow:0 3px 10px #1e7c3a47}.btn-primary:hover{box-shadow:0 4px 14px #1e7c3a61}.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}.card{background:#fff;border-radius:14px;padding:1.25rem;border:1px solid var(--paper-3);box-shadow:var(--shadow-sm)}.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}