:root{--olive-900:#2f3320;--olive-700:#4b5320;--olive-600:#5b6428;--olive-300:#b7c08a;--olive-100:#eef0e2;--paper:#faf9f3;--ink:#23261a;--muted:#6b6f59;--card:#ffffff;--line:#e3e5d4;--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:880px;margin:0 auto;padding:64px 24px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.brand{display:flex;align-items:baseline;gap:12px}.signout{flex:none;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.signout:hover{border-color:var(--olive-300);color:var(--olive-700)}.brand h1{font-size:28px;letter-spacing:-.01em;margin:0;color:var(--olive-900)}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--olive-600)}.lead{color:var(--muted);margin:0 0 36px;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.tile{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 24px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}a.tile:hover{border-color:var(--olive-300);transform:translateY(-2px);box-shadow:0 10px 30px -18px rgba(75,83,32,.5)}.tile h2{margin:0 0 6px;font-size:18px;color:var(--olive-700)}.tile p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}.tile.disabled{opacity:.55;cursor:default}.tile .badge{display:inline-block;margin-top:12px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--olive-600)}.empty{background:var(--olive-100);border:1px solid var(--line);border-radius:var(--radius);padding:28px;color:var(--olive-900)}.empty h2{margin:0 0 8px;font-size:18px}.empty p{margin:0;color:var(--muted);font-size:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:40px 36px;width:100%;max-width:380px;text-align:center}.login-card h1{color:var(--olive-900);margin:0 0 8px;font-size:24px}.login-card p{color:var(--muted);margin:0 0 28px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:none;cursor:pointer;background:var(--olive-700);color:#fff;font-size:15px;font-weight:600;padding:13px 18px;border-radius:12px;transition:background .15s ease}.btn:hover{background:var(--olive-600)}.foot{margin-top:40px;color:var(--muted);font-size:12px}