:root{--red: #c41e3a;--red-dark: #9b1830;--red-soft: #fde8ec;--blue: #1b3a5c;--blue-dark: #12263d;--blue-soft: #dbe7f3;--gold: #d4a017;--gold-soft: #fef3c7;--bg: #f5f7fb;--bg-deep: #e8eef7;--panel: #ffffff;--ink: #1e293b;--muted: #475569;--ok: #166534;--ok-soft: #dcfce7;--line: #cbd5e1;--font: "IBM Plex Sans Thai", "Sarabun", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:16px;color:var(--ink);background:radial-gradient(900px 420px at 0% 0%,rgba(27,58,92,.1) 0%,transparent 55%),radial-gradient(700px 360px at 100% 0%,rgba(196,30,58,.07) 0%,transparent 50%),linear-gradient(180deg,#fff 0%,var(--bg) 100%)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100%}.sidebar{background:linear-gradient(180deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;padding:16px 12px;display:flex;flex-direction:column;gap:8px;border-right:4px solid var(--gold)}.brand{padding:8px 6px 14px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:4px}.brand-title{font-weight:700;font-size:1.05rem}.brand-sub{font-size:.82rem;opacity:.85;margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{color:#ffffffe6;text-decoration:none;padding:10px 12px;border-radius:8px}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#d4a01740;color:#fff;font-weight:600}.sidebar-meta{margin-top:auto;padding:12px 8px 4px;font-size:.8rem;line-height:1.45;border-top:1px solid rgba(255,255,255,.15)}.muted-on-dark{opacity:.75}.main{padding:20px 24px 40px;min-width:0;overflow:auto}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:0 8px 24px #1b3a5c0f}h1{margin:0 0 4px;font-size:1.45rem;color:var(--blue)}h2,h3{margin:0;color:var(--blue)}.muted{color:var(--muted)}.error{background:var(--red-soft);color:var(--red-dark);border:1px solid #f5c2cb;border-radius:8px;padding:10px 12px}.btn{border:none;border-radius:8px;padding:8px 14px;background:var(--blue);color:#fff;cursor:pointer}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#e2e8f0;color:var(--ink)}.btn.gold{background:var(--gold);color:#1a1305;font-weight:600}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.table th{background:var(--bg-deep);color:var(--blue);font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600}.badge.red{background:var(--red-soft);color:var(--red)}.badge.yellow{background:var(--gold-soft);color:#92400e}.badge.green{background:var(--ok-soft);color:var(--ok)}.day-tabs{display:flex;gap:4px;flex-wrap:wrap}.day-tab{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.day-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.entry-card{background:var(--bg-deep);border-radius:10px;padding:12px 14px}.search-select{position:relative;min-width:200px;flex:1;max-width:360px}.search-select-control{display:flex;align-items:center;gap:4px}.search-select-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff}.search-select-clear{border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--muted)}.search-select-menu{background:#fff;border:1px solid var(--line);border-radius:10px;max-height:280px;overflow:auto;box-shadow:0 12px 28px #0f172a26}.search-select-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;border:none;background:transparent;padding:10px 12px;cursor:pointer;text-align:left}.search-select-item:hover,.search-select-item.active{background:var(--blue-soft)}.search-select-item small{color:var(--muted);font-size:.78rem}.search-select-empty{padding:12px;color:var(--muted);font-size:.88rem}.donate-box{background:var(--bg-deep);border-radius:12px;padding:20px 24px;margin-bottom:16px}.donate-account{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:8px 0}@media (max-width: 720px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:4px solid var(--gold)}.nav{flex-direction:row;flex-wrap:wrap}.sidebar-meta{margin-top:8px}}