:root{--bg:#fff;--surface:#f9f9f9;--surface2:#f1f1f1;--border:#eaeaea;--text:#111;--text-sec:#666;--hover:#f0f0f0;--sow:#3b82f6;--grow:#10b981;--harv:#f59e0b;--empty:#a8a8a8;--active:#8b5cf6;--red:#ef4444}[data-theme=dark]{--bg:#0a0a0a;--surface:#111;--surface2:#1a1a1a;--border:#333;--text:#ededed;--text-sec:#888;--hover:#222;--empty:#555}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:400px;max-width:90%;padding:24px;position:relative;overflow-x:hidden;box-shadow:0 10px 30px #0003}@media (width<=768px){body{padding-top:60px}.sidebar{width:260px!important}main{width:100%!important;margin-left:0!important;padding:20px!important}}.close{color:var(--text-sec);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:24px;line-height:1}.close:hover{color:var(--text)}button{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}button:hover{background:var(--hover)}