:root{--navy:#0f2a4a;--navy-2:#1e3a5f;--gradient-brand:linear-gradient(90deg, #7b4fd9 0%, #0e7c86 55%, #e8722a 100%);--blue:#1e6fd9;--blue-light:#eaf3fe;--teal:#0e7c86;--purple:#7b4fd9;--orange:#e8722a;--green:#2fae6a;--green-light:#e7f7ee;--red:#e35b5b;--red-light:#fdeaea;--yellow-bg:#fff8e6;--yellow-border:#ffe3a3;--yellow-text:#8a6d1d;--ink:#0f2a4a;--text-dim:#5b6b7c;--text-faint:#94a3b8;--border:#e4eaf2;--bg:#f3f4f6;--card-bg:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:IBM Plex Sans Thai,sans-serif}h1,h2,h3,h4,h5{margin:0;font-family:Kanit,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:IBM Plex Sans Thai,sans-serif}.screen-outer{background:#d9dee6;justify-content:center;min-height:100vh;display:flex}.screen{background:var(--bg);flex-direction:column;width:100%;max-width:390px;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.topbar{flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.topbar h1{color:#fff;font-size:14px;font-weight:600}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:13px 14px}.btn{background:var(--gradient-brand);color:#fff;border:none;border-radius:12px;width:100%;padding:12px;font-size:12px;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{color:var(--ink);border:1px solid var(--border);background:#fff}.error{color:var(--red);background:var(--red-light);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:9px;line-height:1.5}.empty{text-align:center;color:var(--text-faint);padding:40px 20px;font-size:10px}.text-dim{color:var(--text-dim)}.bottom-nav{background:linear-gradient(90deg,#1976d2 0%,#2680d6 65%,#2670bf 100%);flex-shrink:0;justify-content:space-around;align-items:center;height:40px;display:flex}.bottom-nav a{color:#ffffffb3;flex-direction:column;align-items:center;gap:1px;font-size:6.5px;display:flex}.bottom-nav a.active{color:#fff;font-weight:700}