*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#212121;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;max-width:860px;min-height:100vh;margin:0 auto}.app-header{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.app-header h1{font-size:1.1rem}nav{gap:.5rem;display:flex}nav button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:20px;padding:.3rem .75rem;font-family:inherit;font-size:.9rem}nav button.active{color:#fff;background:#1976d2;border-color:#1976d2}.error{color:#c62828;background:#ffebee;border-bottom:1px solid #ffcdd2;padding:.75rem 1rem}.empty-state{text-align:center;color:#9e9e9e;padding:3rem 1rem}button,select{font-family:inherit}.spinner{border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:36px;height:36px;margin:3rem auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}